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 时，您将需要验证是否更新了覆盖中的默认功能。