wangleide414 发表于 2013-2-7 17:29:23

动态修改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'});
就可以了
页: [1]
查看完整版本: 动态修改TabPanel的html(1)