动态修改TabPanel的html（1）

 Ext.TabPanel中的items中可以写html来调用外部的页面。如下：

 

new Ext.TabPanel({
                    id:'tab',
                    region:'center',
                    deferredRender:false,
                    activeTab:0,
                     items:[{
                        id:'main',
                        contentEl:'center2',
                        title: '主菜单',
                        html:'<iframe name="mainFrame" id="main" height="100%" frameborder="0" width="100%" marginheight="0" marginwidth="0" scrolling="auto" src="welcome.html"></iframe>',
                        autoScroll:false
                    }]
                })

 但是如果动态修改itmes中的html比较困难，我找了一会找不到解决方法，但是可以这样解决，但是不能用于多个tab的情况，

new Ext.TabPanel({
                    id:'tab',
                    region:'center',
                    deferredRender:false,
                    activeTab:0,
                    autoLoad :{url:'welcome.html'}
       })

 这样动态修改比较容易：

Ext.getCmp('tab').load({url:'1.html'});

就可以了