qinya06 发表于 2013-2-6 08:48:21

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]
查看完整版本: EXT动态Tree