用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
    ......
    ......

解决方案 »

  1.   

    我是这样实现的,把tree的代码放到tree.js里,然后加入下面一行代码,但是测试没通过。
    document.write("<script language='javascript' src='tree.js'  charset="utf-8"></script>");
      

  2.   

    document.write("<script language='javascript' src='tree.js' charset='utf-8'></" + "script>"); 
      

  3.   


    找到一个解决办法,可以嵌套,但是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");