ExtJS tabpanel 表单域焦点答案

【问题标题】：ExtJS tabpanel form field focusExtJS tabpanel 表单域焦点
【发布时间】：2016-09-03 04:15:11
【问题描述】：

我有一个选项卡式面板，每个选项卡都是一个表单，每个表单上都有一些文本字段。
我想要一种方法来关注选项卡表单的第一个字段，每次单击选项卡时。我知道如何为字段设置焦点，但我希望在单击相应选项卡时获得焦点。
做过这个的人可以告诉我你是怎么做到的吗？
我已经尝试了 tabpanel 事件 tabchange，它可以工作，但它没有将焦点放在第一个字段上；我已经尝试过每个 tab 事件 click、show、focus、activate，但它们似乎不起作用。我不知道还能做什么。
已经做过这件事的人可以告诉我他们是如何做到的吗？谢谢你

这是标签面板的图片：

【问题讨论】：

我用于聚焦的命令是tabpanel.down('#tab').down('#firstfield').focus()，所以我没有搞砸

标签： forms extjs tabs focus setfocus

【解决方案1】：

要做的就是：

listeners: {
    tabchange: function(tabPanel, newCard) {
        setTimeout(function(){ newCard.down('#firstfield').focus(); },10);
    }
}

【讨论】：

【解决方案2】：

我已经完成了以下操作，对我来说效果很好。

xtype: 'tabpanel',
listeners: {
    tabchange: function(tabPanel, newCard) { //Activate the field.
        try{
            if(newCard){
                var txtField = newCard.down('#TxtField');
                if(txtField){
                    txtField.focus();
                }
            }
        }catch(err){ //ignore.
        }
    }
}

注意：- 此代码仅适用于给定的#TxtField 以获得焦点。

【讨论】：