Очистка нескольких выпадающих списков и inputfields - Ext JS

Question

Я следующий контейнер с комбобоксом и TextField (у меня также есть функция добавления динамически добавлять пары комбо/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

Я решил проблему, поставив свою форму в переменную и сброс, что форма с функцией сброса():

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