ExtJs单宗行tree

bianxiaobin1991

于 2012-03-23 09:26:29 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： Ext Tree

本文链接：https://blog.youkuaiyun.com/bianxiaobin1991/article/details/84173595

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用ExtJS实现树形结构数据加载，包括前端配置AsyncTreeNode与TreeLoader组件，及后端Java处理数据并返回JSON格式供前端解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台JS：
Ext.onReady(function(){
var root = new Ext.tree.AsyncTreeNode({
id : 'root',
text : '根节点',
loader : new Ext.tree.TreeLoader({dataUrl : 'servlet/basic'})
});
this.tree = new Ext.tree.TreePanel({
renderTo : 'hello',
root:root,
width : 1000
});

root.expand();
});
在前台，其中用到了this.tree一直不太明白this的作用域。如果使用var页面就显示这个变量没有用到
后台servlet：
List<Student> list = StudentService.getStudentList();
JSONArray array = new JSONArray();
JSONObject jsonObject;
for(Student stu : list){
jsonObject = new JSONObject();
jsonObject.accumulate("id", stu.getId());
jsonObject.accumulate("text", stu.getUname());
jsonObject.accumulate("leaf", true);
array.add(jsonObject);
}
String json = array.toString();
response.getWriter().print(json);
response.getWriter().flush();
循环节点应该在后台循环List集合，将集合单个值存入json中，供前台ExtJs解析