return "success";
    }

    public String getMenuString() {
        return menuString;
    }

    public void setMenuString(String menuString) {
        this.menuString = menuString;
    }
}

5. menu.jsp
<%@ taglib prefix="s" uri="/struts-tags" %>

6. html页面和js
我使用的就是extjs的example中的reorder.html和reorder.js，更改了reorder.js中treeloader的dataurl： menus.action

Drag and Drop ordering in a TreePanel

This example shows basic drag and drop node moving in a tree. In this implementation there are no restrictions and
anything can be dropped anywhere except appending to nodes marked "leaf" (the files).

Drag along the edge of the tree to trigger auto scrolling while performing a drag and drop.

In order to demonstrate drag and drop insertion points, sorting was not enabled.

The data for this tree is asynchronously loaded with a JSON TreeLoader.

The js is not minified so it is readable. See reorder.js.

js:
/*
 * Ext JS Library 2.0.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */

Ext.onReady(function(){
    // shorthand
    var Tree = Ext.tree;
  
    var tree = new Tree.TreePanel({
        el:'tree-div',
        autoScroll:true,
        animate:true,
        enableDD:true,
        containerScroll: true,
        loader: new Tree.TreeLoader({
            dataUrl:'http://localhost:8080/lab/menus.action'
        })
    });

    // set the root node
    var root = new Tree.AsyncTreeNode({
        text: 'Ext JS',
        draggable:false,
        id:'source'
    });
    tree.setRootNode(root);

    // render the tree
    tree.render();
    root.expand();
});

Feedback
# re: Extjs Tree + JSON + Struts2   回复  更多评论  
2008-02-19 10:41 by 久城
哈哈学习了！～返回JSON对象的时候，的确需要注意。
# re: Extjs Tree + JSON + Struts2   回复  更多评论  
2008-02-19 14:24 by altuure
nice tutorial
# re: Extjs Tree + JSON + Struts2   回复  更多评论  
2008-02-20 16:59 by xt
请教一个问题怎样将树下的栏目加上链接?
/*
* Ext JS Library 2.0
* Copyright(c) 2006-2007, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/

Ext.onReady(function(){
// shorthand
var Tree = Ext.tree;

var tree = new Tree.TreePanel({
el:'tree-div',
autoScroll:true,
animate:true,
enableDD:true,
containerScroll: true,
loader: new Tree.TreeLoader({
dataUrl:'http://localhost:8080/extTest/menus.action'
})
});

// set the root node
var root = new Tree.AsyncTreeNode({
text: 'Ext JS',
href:'http://baidu.com',
draggable:false,
id:'source'
});
tree.setRootNode(root);

// render the tree
tree.render();
root.expand();
});
# re: Extjs Tree + JSON + Struts2 [未登录]  回复  更多评论  
2008-02-21 08:41 by 云自无心水自闲
@xt
这需要给树中节点添加点击的侦听函数:
Ext.getCmp("menuTree").on('click', function(node) {
if ( node.id == 1 ) {
Ext.get("center-iframe").dom.src = 'http://www.google.com';
} else {
node.toggle();
}
});

其中menuTree是TreePanel的id,
center-iframe是嵌入在另一个面板中的iframe的id
# re: Extjs Tree + JSON + Struts2   回复  更多评论  
2008-02-21 10:57 by xt
谢谢!我试试看吧.我的msn:xiaoqiu369@hotmail.com,希望有时间多向你请教!
# re: Extjs Tree + JSON + Struts2   回复  更多评论  
2008-03-09 00:56 by topsonstar
使用json-plugin也可以，只要在TreeLoader的processResponse处理一下，把返回的json对象处理为数组.
# re: Extjs Tree + JSON + Struts2   回复  更多评论  
2008-03-22 21:07 by hua_y9
谢谢，给予了很好的帮助~ :)
# re: Extjs Tree + JSON + Struts2   回复  更多评论  
2008-03-24 14:10 by laitao
有没有struts+ext整合的DEMO，我不知道怎么弄呢，如果有的话，请给我发一份好吗，邮箱1758_love@163.com
# re: Extjs Tree + JSON + Struts2   回复  更多评论  
2008-04-22 10:32 by ph
帮我解决了问题啊
# re: Extjs Tree + JSON + Struts2   回复  更多评论  
2008-04-25 09:31 by Nicolas
内容很棒。多谢
# re: Extjs Tree + JSON + Struts2   回复  更多评论  
2008-05-23 18:18 by gba
我按照文章的步骤来写的，但是虽然能够得到树，而且该树的root节点前面有+号，但是我一点那个+号，却出来不了子结点(并且+号消失)，请问lz是怎么回事呢？谢谢了

我得到的json字符串是[{"children":[{"children": [],"cls":"file","id":11,"leaf":true,"text":"S600"},{"children":[],"cls":"file","id":12,"leaf":true,"text":"SLK200"}],"cls":"folder","id":10,"leaf":false,"text":"Benz"},{"children":[{"children":[],"cls":"file","id":21,"leaf":true,"text":"325i"},{"children":[],"cls":"file","id":22,"leaf":true,"text":"X5"}],"cls":"folder","id":20,"leaf":false,"text":"BMW"}]
# re: Extjs Tree + JSON + Struts2 [未登录]  回复  更多评论  
2008-06-17 13:46 by 坚持到底
你好，我按照上面的例子做完之后发现这不是一棵异步加载的树呀！楼主还有没有异步加载的例子了？
# re: Extjs Tree + JSON + Struts2   回复  更多评论  
2008-06-19 14:06 by usherlight
@坚持到底
你说的是lazy load还是async load?

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！