Question

我想要做的就是当我点击表单上的重置按钮时，它会重置所有字段。我已经尝试了一切，但它似乎没有用。这是包含按钮的类：

App.views.HomeIndex = Ext.extend(Ext.form.FormPanel,{
                    floating: true,
            scroll: 'vertical',
                    itemId: 'jobSearch',
            centered: true,
            modal: true,
            hideOnMaskTap: false,
            items: [{  
            xtype: 'textfield',
            itemId: 'keywords',
            label: 'Keywords',
            labelAlign: 'top',
            labelWidth: '100%',
            name: 'keywords'
            },{  
            xtype: 'textfield',
            label: 'Job Title',
            itemId: 'jtitle',
            labelAlign: 'top',
            labelWidth: '100%',
            name: 'jtitle'
            },{
            .... //more xtypes here
                     ,
                dockedItems: [{
                        xtype: 'toolbar',
                        itemId: 'toolbar',
                        dock: 'bottom',
                        height: '36',
                        items: [
                            { xtype: 'button', text: 'Reset',itemId: 'resetBtn',
                            },
                            { xtype: 'spacer'},
                            { xtype: 'button', text: 'Submit',itemId:'submitBtn',ui: 'action',
                           }                                                   
                            ]
                    }]

在我的App.js中，我有代码来处理重置方法： //这是我想到的一种方式。但显然它不起作用。我试过谷歌搜索但无法找到解决方案。

this.homeView.query('#resetBtn')[0].setHandler(function(){
         var form = this.el.up('.x-panel');
         //form.down('.x-input-text[name=keywords]').setValue(' ');
    form.query('#jobSearch').getComponent('keywords').reset();              
        });


            });

    Ext.reg('HomeIndex', App.views.HomeIndex);

Answer 1

您的表单ID是“jobSearch”，名称是“键盘”。你想把两者结合起来。

尝试：

form.query('#jobSearch').reset();

或：

document.forms['keywords'].reset();

Answer 2

试试这个。它有点像ExtJS。

var form = Ext.ComponentQuery.query('#jobSearch .form')[0];
form.reset();

重置不适用于Sencha Touch中的表单

2 个答案: