激活选项卡面板中的选项卡而不访问它extjs4.2

时间:2016-02-15 09:22:06

标签: javascript extjs extjs4.2

我创建了一个tabpanel,其中有两个选项卡panel_A和panel_B。当tabpanel打开时,除非您访问它,否则只有A处于活动状态而B不处于活动状态。如何激活两个选项卡而无需访问每个项目以使其处于活动状态。有什么帮助吗?

tabPanel = Ext.create('Ext.tab.Panel', {
    id: 'tabpanel',
        region: 'center',
        activeTab: 0,
        border:false,
        split:true,
        autoScroll: true,
        tbar: [{
            xtype: 'button',
            deferredRender : false, 
            handler:function(){
                save();
            }   

        }],
        items: [
                {   
                    id:"panel_A",
                    html: "<iframe src= '"+A_url +"' width='100%' height='100%' id='frm_A' name='frm_A' frameborder=0 />",        
                },{
                    id:"panel_B",
                    html: "<iframe src='"+B_url+"'  width='100%' height='100%' id='frm_B' name='frm_B' frameborder=0 />",

                }
                ],
        renderTo: Ext.getBody()

    });

1 个答案:

答案 0 :(得分:1)

如果您只想激活面板中的所有标签逐个(idk为什么要这样做),您可以执行以下操作:

for(var i = 0; i < tabPanel.items.items.length; ++i) {
    tabPanel.setActiveTab(i);
}

如果你想激活所有标签(在你的例子中都是)同时我认为这是不可能的。

如果您想按照什么标准激活某些标签,我们可以选择此标签?

以下是simple fiddle,如果您想澄清问题,请更新它。