extJs 2.x TabPanel标签页切换

使用extJs的TabPanel时,一个TabPanel往往会有几个标签页,有时候当触发某个事件时,我们需要从一个当前标签页切换到另一个标签页,这时候可以使用以下方法:

1、TabPanel.items.get(n).show(); //其中:TabPanel是你创建的具体TabPanel;n是第几个标签页,下标从0开始

2、TabPanel.setActiveTab(TabPanel.items.get(n)); //以上两个方法有相同的效果,选择其一即可


案例:

var tab = new Ext.TabPanel({
    width: 400,
    height: 300,
    activeTab: 0,
    items: [ {
        title: 'panel-1',
        layout : 'form',
        items: {
            xtype: 'button',
            text: 'btn1',
            handler: function () {
                tab.items.get(1).show();
            }
        }
    }, {
        title: 'panel-2',
        layout : 'form',
        items: {
            xtype: 'button',
            text: 'btn2',
            handler: function () {
                tab.setActiveTab(tab.items.get(0));
            }
        }
    } ]
});




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值