jstree 主页 :
http://www.jstree.com/
其中提供了一种从后台取数据渲染成树的形式:
$("#mytree").tree({
data : {
type : "json",
url : "${ctx}/user/power!list.do"
}
});
对于url中返回的值必须是它定义的json数据形式:
$("#demo2").tree({
data : {
type : "json",
json : [
{ attributes: { id : "pjson_1" }, state: "open", data: "Root node 1", children : [
{ attributes: { id : "pjson_2" }, data: { title : "Custom icon", icon : "../media/images/ok.png" } },
{ attributes: { id : "pjson_3" }, data: "Child node 2" },
{ attributes: { id : "pjson_4" }, data: "Some other child node" }
]},
{ attributes: { id : "pjson_5" }, data: "Root node 2" }
]
}
});
这里需要一个从后台实例集合转换为它规定的json数据的形式.
/**
* 无限递归获得jsTree的json字串
*
* @param parentId
* 父权限id 6.8日修改
* @return
*/
private String getJson(long parentId)
{
List<Authority> list = authorityManager.queryByParentId(parentId);
for (int i = 0; i < list.size(); i++)
{
Authority au = list.get(i);
if (au.getIshaschild() == 1)
{
str += "{attributes:{id:\"" + au.getAnid()
+ "\"},state:\"open\",data:\"" + au.getAnname()
+ "\" ,";
str += "children:[";
this.getJson(au.getAnid());
str += "]";
str += " }";
}
else
{
str += "{attributes:{id:\"" + au.getAnid()
+ "\"},state:\"open\",data:\"" + au.getAnname() + "\" "
+ " }";
}
if (i < list.size() - 1)
{
str += ",";
}
}
return str;
}
调用:
- @org.apache.struts2.convention.annotation.Action(results =
-
{ @Result(name = "success", location = "/main/user/action-list.jsp") })
-
public String list()
- {
-
String str = "[";
-
-
str += this.getJson(0);
-
str += "]";
-
this.renderJson(str);
-
return null;
- }
分享到:
相关推荐
jsTree中文api文档,js操作树可移动节点 增加修改删除节点.jsTree中文api文档,js操作树可移动节点 增加修改删除节点.
jsTree实例,jsTree实例,jsTree实例
jsTree中文文档,其中包括各种插件中文介绍,提供广大学习jsTree的朋友们
jsTree操作 jsTree插件简介 Web开发使用jsTree实例
jsTree大集合 jsTree大集合 jsTree大集合
jsTree-directive, jsTree的Angular 指令 文档 jstree指令jsTree的Angular 指令文档文档使用 bower 安装$ bower i jstree-directive教程使用 jsTree,Angularjs和Expressjs语言构建一个基于We
jstree 1.0 最新版jstree 1.0 最新版jstree 1.0 最新版jstree 1.0 最新版jstree 1.0 最新版
jstree ajax ddd jstree ajax ddddd jstree ajax dddddd jstree ajax dddddddd ffffff
有关插件jstree的共享,一般的详细jstree更加强大。
jsTree中文文档
JStree需要的jstree.min.js、jstree.js和样式文件
jsTree JAVA例 不懂QQ512120305
jstree实现两张表的一个tree,数据库请根据映射文件自己建,
jsTree大集合,有利于大家共同开发,大家好好学习吧 我们共同一起开发吧
前端树jstree文档,包含详细的jstree常用方法和核心功能,文档为中文文档,便于阅读,简洁易懂。
vakata-jstree-651d32c.zip vakata-jstree-651d32c.zip vakata-jstree-651d32c.zip
jquery树型结构插件jstree-3.3.4版本,多层树结构,动态加载等所需要的插件
jsTree官方文档,demo的显示及方法的说明,不过1.0暂时还没有中文的api
JStree(最全),里面包含了多种的JS树,还有AJAX树,觉得好的,评论一下就行
jsTree大集合(最完整),jsTree大集合(最完整),jsTree大集合(最完整)