六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 57|回复: 0

动态修改TabPanel的html(1)

[复制链接]

升级  31.33%

25

主题

25

主题

25

主题

秀才

Rank: 2

积分
97
 楼主| 发表于 2013-2-7 17:29:23 | 显示全部楼层 |阅读模式
 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'});
就可以了
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表