ExtJS добавить глобальный слушатель FormPanel или решение

Question

Я использую ExtJS 3.0, и я хотел бы расширить FormPanel или любое решение, чтобы каждый раз, когда я показывал форму, первое поле должно фокусироваться. Я думал о добавлении глобального слушателя (если таковой существует), например, такого:

afterrender: function() { 
Ext.getCmp('formAddProgPaymentDoc').findByType('textfield')[0].focus(); //// Get the first textfield and focus it 
} 

Это можно сделать? У меня более 40 форм, и я не хочу, чтобы каждый из них слушал, я хотел бы получить его слушателя автоматически для каждого из них.

Спасибо.

Answer 1

Создайте файл ExtOverrides.js, который изменит базовую функциональность Ext. И добавьте следующий код:

Ext.override(Ext.FormPanel, { 
    onRender: function(ct, position){ 
     this.initFields(); 
     Ext.FormPanel.superclass.onRender.call(this, ct, position); 
     this.form.initEl(this.body); 

     //Begin edit of default functionality 
     var firstFieldItem = this.getForm().items.first(); 
     if(firstFieldItem){ 
      //delay the focus for 500ms to make sure the field is visible 
      firstFieldItem.focus(true,500); 
     } 
     //End edit of default functionality 
    } 
}) 

Вы должны быть осторожны при использовании ExtOverrides, хотя - при обновлении до новой версии Ext вы должны убедиться, что обновлять функциональность по умолчанию в переопределении.