ExtJS中如何在window中放动态treepanel

var tree = new Ext.tree.TreePanel({

title :'我是树' ,

width : 200,

renderTo : 'tree-div',

animate: true,

enableDD: false,

containerScroll: true,

collapsible: true,

border : true ,

dataUrl : '/aaa/bbb.action',

})

var root = new Ext.tree.AsyncTreeNode({

draggable : false ,

id : -100 ,

text : '我是根'

})

tree.setRootNode(root )

把你一级目录的ParentNodeId都设为-100

第一次加载树的时候,树会将node=-100传给你的action,通过-100查询出你的一级目录

点击展开某个目录时,会将目录id穿给你的action,通过目录id查询目录下的子项

action :

String parentId = request.getParameter("node")

//查处ParentNodeId的值为parentId 的菜单或者目录

List<Node> treeNodes = 从数据库里根据ParentNodeId=parentId 查出来

JSONArray array = new JSONArray()

for(Node node : treeNodes){

JSONObject json = new JSONObject()

json.put("id",node.getNodeId())

json.put("text",***)

json.put("leaf",tree or false)

json.put("cls","leaf" or "folder")

array.put(json)

}

response.getWriter.write(array.toString())

代码如下：

function changeself(u){   

  var win=new Ext.Window({   

     title:"窗口",   

     width:500,       

     height:400,       

     layout : 'fit',

     modal:true,       

     items:[ new Ext.Panel({         

          resizeTabs :true,

        autoScroll : true,

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

     })]

  })   

  win.show()

 }

调用如下

changeself(http://www.baidu.com)

效果如图

---