清除多个组合框和输入字段-Ext JS

Question

我有一个带有组合框和textField的以下容器（我还具有一个add函数，可以动态添加成对的combo / textfields：]

{ xtype: 'container', layout: 'hbox', style: {margin: '0px 0px 0px 330px'},
   items: [
     { xtype: 'combobox', padding: 5,   id: 'criteria_1_dropdown', store: filters},
     { xtype: 'textfield', padding: 5,  id: 'criteria_1_input', width: 145}
   ] 
 }

和按钮：

{ xtype: 'button', id: 'clear_criteria', iconCls: 'clear' } 

我想做的是启用“清除”按钮以在单击时清除任何和所有combo / textField组件，我认为它不需要它自己的控制器即可实现。有什么想法吗？

Answer 1

我通过将表单放入变量并使用reset（）函数重置该表单来解决了这个问题：

{ xtype: 'button', id: 'clear_criteria', iconCls: 'clear',
     handler: function() { 
         var hi = Ext.getCmp('contain'); 
         hi.getForm().reset(); 
         console.log('Cleared Search'); 
   }  
}