EXT动态Tree

最新推荐文章于 2024-07-22 14:06:42 发布

zyuanq

最新推荐文章于 2024-07-22 14:06:42 发布

阅读量79

点赞数

分类专栏： ext基础文章标签： EXT json JSP HTML

ext基础专栏收录该内容

72 篇文章 0 订阅

订阅专栏

由于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格式，这样就可以了，大家试试吧，很简单的

zyuanq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
EXT动态Tree

由于EXT的程序库和样式库不同，我只给出实现，把BODY替换到你的BODY里面就OK了[code="html"] Ext.BLANK_IMAGE_URL = '../scripts/ext/resources/images/s.gif';Ext.onReady(function(){ // shorthand var Tree = Ext.tree;...
复制链接

扫一扫

专栏目录