Ext tab

示例

var tab = new Ext.TabPanel({

        activeTab: 0, // 默认显示第一个Tab的内容 

        plain: false,  //True表示tab候选栏上没有背景图片（默认为false）

        height : height-120,

        items: [{ 

             title: 'XXX', 

             items : [girdInfoXXX]

             //closable: true,

             //html: '这是一个可以关闭的Tab',

             //listeners: { activate: handleActivate },

          }, { 

             title: 'XXX', 

             items : [girdInfoXXX]

             //html: '我是另一个Tab'

          }, { 

             title: 'XXX', 

             items : [girdInfoXXX]

              //html: '这是一Tab', 

          }]

});

 

//单击tab后触发的事件

function handleActivate(tab) {

        //alert(tab.title + ': activated事件触发。');

}

 

 

tab的动态添加与删除

//添加tab
    var test = Ext.getCmp("XXX");
    test.add({title:'test',
        id:'test',
        html:"test标签页面"
        //,closable:true
    });
    test.setActiveTab(0);//设置新添加的标签为激活标签
    console.log(test);

    //删除tab
    var tab = test.getActiveTab();
    test.remove(tab);