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

Question

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

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

我想要做的是启用清除按钮以清除单击时的任何和所有组合/文本字段组件，我不相信它需要它自己的控制器来实现这一点。有任何想法吗？

Answer 1

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

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