Сброс не работает в форме Sencha Touch

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

Идентификатор вашей формы - «jobSearch», название «клавиатура». Вы пытаетесь объединить оба.

Try:

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

или:

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

Answer 2

Попробуйте это. Это немного больше, чем у ExtJS.

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