extjs动态添加TabPanel

//主面板

var mainTab = new Ext.TabPanel({
   id : 'mainTabPanel',
   enableTabScroll : true,
   closeAll : true,
   activeTab : 0,
   tabWidth : 250,
   minTabWidth : 120,
   resizeTabs : true,
   items : [{
         id : 'mywork',
         xtype : 'tabpanel',
         title : '欢迎使用客户关系管理系统',
         autoLoad : {
             url : 'jsp/mywork.htm',
             scripts : true
         }
  }],
  defaults : {
         autoScroll : true,
         height : 490
       }

 });

 

 

 

/**
 * 向tab中添加选项卡

 * @params myId 被添加的组件id  myTitle 创建tabpanel时需要 myurl 将要加载数据的地址

 */
function addTab(myId, myTitle, myUrl) {
     var mainTabPanel = Ext.getCmp('mainTabPanel Id');
     var gid = Ext.getCmp(myId);
     if (gid != null) {
          mainTabPanel.remove(gid.id); // 如果该选项卡面板里已有选项卡,先将其移除
    }

    var tp = new Ext.TabPanel({
          iconCls : 'tab',
          id : myId,
          enableTabScroll : true,
         xtype : 'tabpanel',
         closable : true,
         title : myTitle,
         autoLoad : {
                url : myUrl,
                scripts : true
         }
 });
 // 向选项卡面板里添加选项卡
 mainTabPanel.add(tp).show();
}

你可能感兴趣的:(extjs动态添加TabPanel)