一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

ext中tabpanel选项卡的切换效果(显示与隐藏)

时间:2013-12-20 编辑:简简单单 来源:一聚教程网

例1

 代码如下 复制代码

var myTabs = new Ext.TabPanel({
    id:'myTabs',
    region:'center',
      margins:'3 3 3 0',
            activeTab: 0,
            border: false,
      defaults:{autoScroll:true},
            items:[
                {layout: 'fit', index: 0, border: false,id:"customerInfoTab", items: [a], title: "第一个"},
                {layout: 'fit', index: 1, border: false,id:"haveCarTab", items: [b], title: "第二个"}
            ]
        });

 

触发某事件时。隐藏第二个,然后再显示第二个。

方法如下:

 代码如下 复制代码

myTabs .hideTabStripItem(2);       //隐藏

myTabs .unhideTabStripItem(2);      //显示

         
例2

 代码如下 复制代码

var tabs = new Ext.TabPanel({ 
    activeTab : 0,
    frame : false,
    items : [tab1, tab2]
    });
    
    // 某处你需要隐藏tab1,显示tab2
    
    tabs.tabBar.items.items[0].hide();
    
    // 某处你又需要显示tab1
    
    tabs.tabBar.items.items[0].show();


稍微说下

1tabBar:取得tab上的所有bar的信息

      items&items[0] 看图

      items&items[0]图解说明_懒人网_懒人小站

好,你应该也明白了!!!!!!

 

热门栏目