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中

<a href="#" id="test">test</a> document.getElementById('test').setAttribute('data-toggle', '设置的值')

setAttribute可以为元素添加属性

具体方法是

1、新建一个html文件，里面新建两个div标签，第二个标签中插入img标签并插入图片：

2、然后在上方的style标签中设置第一个div的样式，先给div长度和高度，接着是用background属性引入图片，设置图片不重复以及图片的显示位置j即可：

3、最后打开浏览器就可以看到用两种方法引入的gif的图片了。

---