Question

我有一个包含表单的窗口（formPanel）。用户可以在ExtJS环境中单击按钮来显示此窗口。我希望当用户单击按钮显示窗口时，窗口包含的窗体内的特定字段将聚焦（我的意思是光标应移动到该字段，以便用户可以插入数据而无需首先点击字段本身。

我尝试了一些解决方案，但无法让它们发挥作用。任何提示？

这是我尝试过的，使用我发现的一些例子......但是它没有按预期工作。这个函数（）由我的界面中的ExtJS按钮调用：

function openCardForm(IDUser){

    //Reset the value of this field which may be still there from the prev. usage
    Ext.getCmp('assignFormCARDNUMBER').reset();
    formAssignCard.getForm().load({ 
        url: 'gen/jsonUser.php',
        params:{IDUser:IDUser},
        waitMsg: 'Loading...'
    });
    //Try to focus the Card field when rendering the form
    Ext.getCmp('assignFormCARDNUMBER').on("render",function(){
        Ext.getCmp('assignFormCARDNUMBER').focus(true,10);
    });
    win.show();
}

Answer 1

尝试使用show。

Answer 2

或使用

defaultButton : yourComponentToFocusOn

有点令人困惑，但defaultButton可以是任何组件（不一定是实际按钮）

Answer 3

您还可以尝试在其配置选项中将字段的tabindex设置为零...这样您甚至不需要添加侦听器来检测show事件。

即：

tabIndex:0

ExtJS：焦点领域

3 个答案: