当前位置:编程学习 > JS >>

ExtJs4 TabPanel

function getTabManagerPanel(){
 var tabManagerPanel = Ext.getCmp('tabManagerPanel');
 if(!tabManagerPanel){
  tabManagerPanel = Ext.create('Ext.tab.Panel', {
   id:'tabManagerPanel',
   deferredRender: false,
   resizeTabs: true,
         enableTabScroll: true,
      activeTab: 0,
      enableTabScroll: true,//选项卡过多时,允许滚动
      reorderable: false,
      renderTo:Ext.getBody(), 
      defaults: { autoScroll: true },
      minTabWidth: 115,
      minTabHeight: 30,
      plugins : [
       Ext.create('Ext.ux.TabCloseMenu', {  
        closeTabText : '关闭当前页',  
        closeOthersTabsText : '关闭其他页',  
        closeAllTabsText : '关闭所有页' 
       })
   ], 
      items: [{
             title:'首页',
             id:'homePage',
             maxWidth:80,
             autoScroll:true,
             html: 'Tab Body<br/><br/>'
      }],
      listeners:{
       tabchange:function(tabPanel,newCard,oldCard,eOpts ){
        var viewPanel = Ext.getCmp('officeCenterPanel');
        if(newCard.title == '未发通告' || newCard.title == '已发通告'){
         viewPanel.setTitle('OA办公管理桌面->通知公告->'+newCard.title);
        }
        if(newCard.title == '未发邮件' || newCard.title == '已发邮件'){
         viewPanel.setTitle('OA办公管理桌面->内部邮件->'+newCard.title);
        }if(newCard.title == '首页'){
         viewPanel.setTitle('OA办公管理桌面->我的工作台');
        }
       }
      }
  });
 }
 return tabManagerPanel;
}

 

补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,