EXTJS4.0 tabpanel 用法笔记～～两种关联界面方法

1.添加panel

   将功能模块全部用panel装起来,js文件也全部引用到一个页面里面,这样做有一个好处,就是它tab加载的时候会把所有的预加载的数据全部加载好,然后再切换tab页的时候就不会出现太多的延迟   

var tabs = Ext.create('Ext.tab.Panel', {

   region : 'center',      

   activeTab : 0,      

   autoScroll : true,     

   width : document.body.clientWidth,      

   height : document.body.clientHeight - 50,     

   defaults : {        

    bodyPadding : 10       

 },       

items : [ aPanel, sPanel, dPanel, fPanel, gPanel,hPanel],      

  listeners : {          

  'tabchange' : function(tab, newc, oldc) {            

    if (tabs.getComponent(3) == newc) { //tabchange事件           

     } else {            

    }         

   }    

    }  

  });

2.添加jsp页面

var tabs = new Ext.TabPanel(    

            {            

        renderTo : 'panel',                    

        activeTab : 0,                    

        width :'auto' ,                  

        height : document.body.clientHeight -100 ,               

        plain : true,                

        defaults : {                       

          autoScroll : true                  

                 },                  

        items : [                         

             {                              

    title : '信息1',                            

    html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="Info1.jsp"></iframe>'                        

    },                         

   {                              

  title : '信息2',                               

 html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="Info2.jsp"></iframe>'                     

       },                         

   {                               

 title : '信息3',                              

  html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="Info3.jsp"></iframe>'                     

       },                

            {                              

  title : '信息4',                             

   html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="Info4.jsp"></iframe>'                       

     }]         

       }); 

   });