Ext4.2 tabPanel 添加选项卡,激活选项卡,使用iframe加载内容,监听事件

阅读更多

选项卡

//选项卡
var tabs1 = Ext.createWidget('tabpanel', { 
    renderTo: "tabPanel", 
    activeTab: 1,                       //指定默认的活动tab 
    width: 600, 
    height: 120, 
    plain: true,                        //True表示tab候选栏上没有背景图片(默认为false) 
    enableTabScroll: true,              //选项卡过多时,允许滚动 
    defaults: { autoScroll: true },
    tabBar: {
        height: 25,		//tab bar高度
        defaults: {
            height: 23	//tab 里的title的高度
        }
    },
    items: [{ 
        id: "indexTab", 
        title: '首页 ', 
        html: "欢迎使用本系统"//, 
        //items:[{xtype:'button',text:'按钮'}], 
        //closable: true                  //这个tab可以被关闭 
    }] 
});

 

方法

//添加选项卡
function addTab(id,title,url){
	if (Ext.getCmp('tab'+id)){	//加前缀防止id冲突
		//如果已经存在选项卡,则激活
		tabs1.setActiveTab('tab'+id);  
	} else {
		//alert(url);
		tabs1.add({
	        id: 'tab'+id, 
	        title: title, 
	        closable: true,
	        html: '