用ext的according实现的类似qq好友分组那样的收缩菜单,新建几个items(就是几个分组),然后把几个tree分别放入items里。
现在tree的代码比较长,我想把它单独放入一个文件里。请问怎么实现? items: [
{
title:'员工管理',
border:false,
html:'<div id="tree1" style="overflow:auto;width:100%;height:100%"></div>'
//iconCls:'nav'
},{
title:'部门管理',
border:false,
//iconCls:'settings',
html:'<div id="tree2" style="overflow:auto;width:100%;height:100%"></div>'
}
] //tree1 start
var root1=new Ext.tree.TreeNode({
id:"root1",
text:"树的根"
}); var c1=new Ext.tree.TreeNode({
id:'c1',
icon:'img/im2.gif',
text:'员工列表',
listeners:{
'click':function(node, event) {
event.stopEvent();
var n = tab.getComponent(node.id);
if (!n) { //判断是否已经打开该面板
n = tab.add({
'id':node.id,
'title':node.text,
closable:true, //通过html载入目标页
html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="staffList.html"></iframe>'
});
}
tab.setActiveTab(n);
}
}
});
root1.appendChild(c1);
var tree1=new Ext.tree.TreePanel({
renderTo:"tree1",
root:root1, //对应 根节点
animate:true,
enableDD:false,
border:false,
rootVisible:false,
containerScroll: true
}); //tree1 end ,tree2 start
......
......
现在tree的代码比较长,我想把它单独放入一个文件里。请问怎么实现? items: [
{
title:'员工管理',
border:false,
html:'<div id="tree1" style="overflow:auto;width:100%;height:100%"></div>'
//iconCls:'nav'
},{
title:'部门管理',
border:false,
//iconCls:'settings',
html:'<div id="tree2" style="overflow:auto;width:100%;height:100%"></div>'
}
] //tree1 start
var root1=new Ext.tree.TreeNode({
id:"root1",
text:"树的根"
}); var c1=new Ext.tree.TreeNode({
id:'c1',
icon:'img/im2.gif',
text:'员工列表',
listeners:{
'click':function(node, event) {
event.stopEvent();
var n = tab.getComponent(node.id);
if (!n) { //判断是否已经打开该面板
n = tab.add({
'id':node.id,
'title':node.text,
closable:true, //通过html载入目标页
html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="staffList.html"></iframe>'
});
}
tab.setActiveTab(n);
}
}
});
root1.appendChild(c1);
var tree1=new Ext.tree.TreePanel({
renderTo:"tree1",
root:root1, //对应 根节点
animate:true,
enableDD:false,
border:false,
rootVisible:false,
containerScroll: true
}); //tree1 end ,tree2 start
......
......
document.write("<script language='javascript' src='tree.js' charset="utf-8"></script>");
找到一个解决办法,可以嵌套,但是tree.js的 text:'员工列表', 会出现中文乱码。求教!
function include_abc(path)
{
var sobj = document.createElement('script');
sobj.type = "text/javascript";
sobj.src = path;
var headobj = document.getElementsByTagName('head')[0];
headobj.appendChild(sobj);
}
include_abc("tree.js");