ExtJS tabpanel表单字段焦点

时间:2016-05-08 13:25:27

标签: forms extjs tabs focus setfocus

我有一个标签式面板,每个标签都是一个表格,每个表格上都有一些文字字段 我希望有一种方法可以专注于选项卡形式的第一个字段,每次单击一个选项卡。 我知道如何设置焦点字段,但我希望焦点在点击相应的标签时 有人这样做可以告诉我你是怎么做到的? 我已经尝试了 tabpanel 事件 tabchange ,它可以正常工作,但它并没有将注意力集中在第一个字段上;我已经尝试了每个标签事件点击显示焦点激活但他们似乎没有工作。我不知道还能做什么 有人已经这样做了,请告诉我他们是怎么做到的? 谢谢

这是tabpanel的图像:
simplejson

2 个答案:

答案 0 :(得分:3)

所有必须做的就是:

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

答案 1 :(得分:0)

我做了以下工作,对我来说很好。

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以获得焦点。