EXT动态Tree
由于EXT的程序库和样式库不同,我只给出实现,把BODY替换到你的BODY里面就OK了<body><script>Ext.BLANK_IMAGE_URL = '../scripts/ext/resources/images/s.gif';Ext.onReady(function(){ // shorthand var Tree = Ext.tree; var loader=new Tree.TreeLoader({ dataUrl:'getTree.jsp', listeners:{ "beforeload":function(treeLoader,node) { treeLoader.baseParams.id=(node.id!="root"?node.id:""); } } }); var tree = new Tree.TreePanel({ el:'tree-div', useArrows:true, autoScroll:true, animate:true, enableDD:true, containerScroll:true, loader:loader }); var root = new Tree.AsyncTreeNode({ text:'dddd', draggable:false, id:'root' }); tree.setRootNode(root); tree.render(); root.expand();});</script><div id="tree-div" style="overflow:auto; height:300px;width:250px;border:1px solid #c3daf9;"></div> </body>
getTree.jsp
<%@ page language="java" pageEncoding="utf-8"%><% String node = request.getParameter("node"); System.out.println("get:" + node); String json = ""; if ("root".equals(node)) {json += "[{id:1,text:'节点1','leaf':false},{id:2,text:'节点2','leaf':false}]";System.out.println("0"); } else if ("1".equals(node)) {json += "[{id:11,text:'节点11',leaf:false},{id:2,text:'节点12',leaf:true}]";System.out.println("1"); } else if ("2".equals(node)) {json += "[{id:21,text:'节点21',leaf:true},{id:22,text:'节点22',leaf:true}]";System.out.println("2"); } else if ("3".equals(node)) {json += "[{id:111,text:'节点111',leaf:true},{id:112,text:'节点112',leaf:true}]";System.out.println("3"); } System.out.println(json); out.println(json);%>
由于是输出,所以千万别用HTML格式,这样就可以了,大家试试吧,很简单的
页:
[1]