Extjs tabpanel autoload 不能加载样式的问题

var maincontent=new Ext.TabPanel({
                  
                  renderTo:'tabdv',
                 resizTabs:true,
                 enableTabScroll:true,
                 activeTab:0,
               defaults: {
            autoScroll:false},
       items:[{ 
                title:'项目详细情况',   
                autoScroll:true,
                id:'tab1',
                    autoLoad:{
                    url:"ProDelInfo.aspx?id="+proid,
                    scripts:true
                  }
            },
          
          
     
               {  
                title:'文档',  
                id:'tab3', 
                autoScroll:true,
                    autoLoad:{
                    url:"DocList.aspx",
                    scripts:true
                  }
                   
            },
             {  
                title:'人员',  
               id:'tab4', 
                autoScroll:true,
                    autoLoad:{
                    url:"DocList.aspx",
                    scripts:true
                  }
                   
            },
             {  
                title:'子项目',  
                id:'tab5', 
                autoScroll:true,
                    autoLoad:{
                    url:"SubProList.aspx",
                    scripts:true
                  }
                   
            },
               {  
                title:'活动记录',  
                id:'tab6', 
                autoScroll:true,
                    autoLoad:{
                    url:"LogList.aspx",
                    scripts:true
                  }
                   
            }
            
            ],
             height: H3CMPP.Center.Size.Height-265,
             width:H3CMPP.Center.Size.Width-240

        


});

先看上面代码，autoload 加载页面的时候页面的样式链接都没有，只能在标签中自己写STYLE 而不能用样式链接，后面想了个办法，

Ext.ux.IFrameComponent = Ext.extend(Ext.BoxComponent, {
     onRender : function(ct, position){
          this.el = ct.createChild({tag: 'iframe', id: 'iframe-'+ this.id, frameBorder: 0, src: this.url});
     }
});

把tabpanel 中ITEMS 里的每个页面改为

例如：  new Ext.ux.IFrameComponent({ id: 'tab2', url: 'ConsulList.aspx',title:'协商'})

这样样式就出来了