javascript EXTJS закрыть и сбросить

Предыдущий программист использовал EXTJS, с которым я мало знаком.

Приложение, которое я пытаюсь исправить, имеет модальное окно под названием ДОБАВИТЬ УЧЕТНУЮ ЗАПИСЬ, с помощью которого пользователь может либо вручную ввести различные поля ввода, либо перетащить уже открытую учетную запись в модальное окно.

Пользователь может нажать кнопку сброса и очистить поля. Однако, если они не очищают поля и просто закрывают окно, при повторном открытии окна предыдущие данные остаются.

По сути, если пользователь решает закрыть окно, ему также необходимо сбросить и очистить все поля.

Как уже говорилось, я не слишком хорошо знаком с EXTJS. С учетом сказанного я включу приведенный ниже код, которого может быть много. Я постараюсь не включать ненужный код.

Есть 2 файла: accountGrid.php и accountGrid.js

Я выделил место, где, по моему мнению, проблема начинается в accountGrid.js. Вот что я нашел:

 function addAccount(){
   var AddAccountForm;
   var fields = [
    {name: 'must_have', mapping: 'must_have'},
    {name: "*** there are like 50 of these, so I'll skip the rest ***"}
    ];
   AddAccount = new Ext.FormPanel({
    autoScroll: true,
    monitorValid: true,
    defaultType: 'textfield',
    items:
          [
           {
           xtype: 'fieldset',
           title: 'Required Information',
           collapsible: true,
           autoHeight: true,
           defaultType: 'textfield',
           items: [*** random fields here ***]
           },
           {
           xtype: 'fieldset',
           title: 'Optional Information',
           collapsible: true,
           collapsed: true,
           autoHeight: true,
           defaultType: 'textfield',
           items: [*** random fields here ***]
           }
          ],
    buttons: *** this is where the buttons being ***
          [
           {
           text: 'Submit',
           id: 'submitAdd',
           formBind: true,
           handler: function(){
            AddAccountForm.getForm().submit({
             url: 'data-entry.php', *** hope I don't need to show this file's code ***
             waitMsg: 'Updating Record...',
             success: function(form, action){
              obj = Ext.util.JSON.decode(action.response.responseText);
              AddAccountForm.getForm().reset(); *** notice this reset function ***
              delete BookingDataStore.lastParams;
              BookingDataStore.removeAll();
              var sa = Ext.getCmp('salesArea').getValue();
              *** there are few more of these var sa fiels ***
              BookingDataStore.on('beforewrite', function(store, options){
               Ext.apply(options.params, {
                task: 'LISTING',
                salesarea:  sa,
                *** there are a few more of these variables ***
                *** honestly, I'm not sure what these are ***
                });
               });
               BookingDataStore.reload();
               Ext.Msg.alert('Success', 'The record has been saved.');
               AddAccountWindow.close();
              },
              failure: function(form, action){
                if(action.failureType == 'server'){
                  obj = Ext.util.JSON.decode(action.response.responseText);
                  Ext.Msg.alert('Error','Your account was not submitted.'+obj['error']);
                }
                else{
                  Ext.Msg.alert('Warning','There server is unreachable: ' +action.response.responseText);
                }
              }
             });
            }
           },
           {
           text: 'Reset',  *** here is the reset ***
           handler: function() {AddAccountForm.getForm().reset();}
           },
           { *** 2ND EDIT ***
           text: 'Close',
           AddAccountForm.getForm().submit({
               handler: function() {
                 Ext.Msg.alert('close');
               };
             });
           } *** 2ND EDIT CONTINUED BELOW ***
          ],
    keys: [{
        key: [10,13], fn: function(){
          var b = Ext.getCmp('submitAdd');
          b.focus();
          b.fireEvent("click", b);
        }
      }]                
   });
   AddAccountWindow = new Ext.Window({
     title: 'Add Account',
     closable: true,
     closeAction: 'close',
     y: 5,
     plain: true,
     layout: 'fit',
     stateful: false,
     items: AddAccountForm
   });
   AddAccountWindow.show(this);
 }

Это то, что я думаю, является основной частью accountGrid.js. Был еще код для функции перетаскивания, но мне не нужно было его отображать.

Не думал, что этот код такой длинный. Я даже не добрался до кода файла php. СМХ.

Вот код из accountGrid.php:

 var AddAccountForm = new Ext.FormPanel({
   id: 'AddAccountForm',
   autoScroll: true,
   monitorValid: true,
   submitEmptyText: false,
   defaultType: 'textfield',
   items: 
         [
           {
             xtype: 'fieldset',
             id: 'reqFieldSet',
             title: 'Required Information',
             *** there are more parameters, I'll skip to the buttons ***
           }
         ],
    buttons: 
         [
           {
             text: 'Submit',
             id: 'submitAdd',
             formBind: true,
             handler: function(){
               var pc = partnerCodeField.getValue();
               var pn = partnerNameField.getValue();
               AddAccountForm.getForm().submit({
                 url: 'data-entry.php',
                 waitMsg: 'Updating Record....',
                 params: {partner_code:pc, partner_name:pn},
                 success: function(form, action){
                   obj = Ext.util.JSON.decode(action.response.responseText);
                   AddAccountForm.getForm()reset();
                   delete BookingDataStore.lastParams;
                   BookingDataStore.removeAll();
                   BookingDataStore.on('beforeload', function(store, option){
                     Ext.apply(options.params, {
                       ns_task: "SEARCHING"
                     });
                   });
                   BookingDataStore.load();
                   TradeTotalsDataStore.reload();
                   Ext.Msg.alert('Success','The record has been saved.');
                   AddAccountWindow.hide();
                 },
                 failure: function(form, action){
                   if(action.failureType == 'server'){
                     obj = Ext.util.JSON.decode(action.response.responseText);
                     Ext.Msg.alert('Error','Your account was not submitted.'+obj['error']);                       
                   }
                   else{
                     Ext.Msg.alert('Warning','The server is unreachable:'+action.response.responseText);
                   }
                 }
               });
             }
           },
           {
           text: 'Reset',
           handler: function(){
               AddAccountForm.getForm().reset();
               partnerCodeField.enable();
               partnerNameField.enable();
             }
           }, *** 2ND EDIT ***
           {
           text: 'Close',
           handler: function(){
              AddAccountForm.getForm().reset();
              AddAccountWindow.close();
              partnerCodeField.enable();
              partnerNameField.enable();
            }
           } *** END 2ND EDIT ***   
         ],
    keys: 
         [
          {
            key: [10, 13], fn: function(){
              var b = Ext.getCmp('submitAdd');
              b.focus();
              b.fireEvent("click", b);
            }
          }
         ]
 });
 var AddAccountWindow = new Ext.Window({
   title: 'Add Account',
   closeable: true,
   closeAction: 'hide',
   y: 5,
   plain: true,
   layout: 'fit',
   stateful: false,
   items: AddAccountForm
 });

Я только что увидел это сразу после кода прямо выше:

 function addAccount(){
   AddAccountWindow.show(this);
   *** beneath this is code for the drag & drop features ***
   *** I don't think I need to show that ***
 }

Я не уверен, почему код из accountGrid.php и accountGrid.js выглядит одинаково. Прошу прощения за количество кода. Мне просто очень нужна помощь в расшифровке этого кода.

Просто повторюсь, когда они нажимают кнопку X в правом верхнем углу окна, модальная форма должна быть очищена, а затем закрыта.