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

Question

我有以下带有组合框和textField的容器（我还有一个add函数来动态添加一对组合/文本字段）：

{ 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' } 

我想要做的是启用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'); 
   }  
}