ext 页面打开的时候动态加载标签页

首先要在treepanel中添加一个监听事件

listeners:{

click:function(n){

var url=n.attributes.url

var id=n.attributes.id

var p=center.getItem(id)

if(url){

if(p){

center.setActiveTab(p)

}else{

p=new Ext.Panel({

title:n.attributes.text,

renderTo:Ext.getBody(),

id:id,

html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src='+url+'></iframe>',

closable:true

})

center.add(p)

center.setActiveTab(p)

}

}

}

}

然后定义节点，在节点中写上url属性

var relationship=new Ext.tree.TreeNode({id:"relationship",text:"隶属关系",url:"relationship.html"})

url中你可以在引用js填充到panel中

1、开始的思路是每次点击是刷新页面，找了好多方法终于能刷新的，但只是页面刷新内容并没有刷新。动态创建并刷新代码

2、这个需要设置为全局变量，在子页面中就可以调用了。调用方法 window.parent.addtab(id,name,url)

3、这样写只是实现了刷新页面，并没有更改内容。问题在于add方法，如果存在id相同的tab ext会自动跳转不会再重新创建tab。于是想到了解决思路，如果不存在tab标签 那么就创建，如果存在那么就重新加载页面内容。

---