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
* @return
*/
private String getJson(long parentId)
{
// 把顶层的查出来
List<.Action>. actions = actionManager.queryByParentId(parentId).
for (int i = 0. i <. actions.size(). i )
{
Action a = actions.get(i).
// 有子节点
if (a.getIshaschild() == 1)
{
str = "{attributes:{id:\"" a.getAnid()
"\"},state:\"open\",data:\"" a.getAnname() "\" ,".
str = "children:[".
// 查出它的子节点
List<.Action>. list = actionManager.queryByParentId(a.getAnid()).
// 遍历它的子节点
for (int j = 0. j <. list.size(). j )
{
Action ac = list.get(j).
//还有子节点(递归调用)
if (ac.getIshaschild() == 1)
{
this.getJson(ac.getParentid()).
}
else
{
str = "{attributes:{id:\"" ac.getAnid()
"\"},state:\"open\",data:\"" ac.getAnname()
"\" " " }".
if (j <. list.size() - 1)
{
str = ",".
}
}
}
str = "]".
str = " }".
if (i <. actions.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.
}
其中Action是菜单类或权限类等的实体。
更多优质资料尽在百考试题论坛 百考试题在线题库 java认证更多详细资料
分享到:
相关推荐
2. **无限深度扩展**:`jstree`支持无限级别的子节点,这意味着可以构建一个无限制深度的树结构。这对于表示层级复杂的数据,如文件系统、组织架构或者分类目录等非常适用。开发者可以通过动态加载数据或者一次性...
在Vue.js中实现树形结构,我们可以利用组件化的特点,创建一个可复用的Tree组件。这个组件需要包含以下核心功能: 1. 数据绑定:通过props将父组件的数据传递给Tree组件,这些数据应包含节点的ID、名称、子节点数组...
本资源“【计算机专业JSP-毕业设计100套之】其他类别JSP无限级分类目录树-sorttree”是一个毕业设计项目,旨在帮助学习者理解和实现一个基于JSP的无限级分类目录树系统,名为_sorttree。 首先,无限级分类目录树是...
特此免费授予获得此软件和相关文档文件(“软件”)副本的任何人无限制地处理软件的权利,包括但不限于使用,复制,修改,合并的权利,发布,分发,再许可和/或出售本软件的副本,并允许具备软件的人员这样做,但须...
在计算机科学中,树是一种非线性数据结构,由节点和边组成,每个节点可以有零个或多个子节点。在Js树型菜单中,每个节点通常代表一个项目,而子节点则表示该项目下的子分类。这种结构允许用户通过展开和折叠节点来...
DTree(可能是Data Tree的缩写)是一个用于构建动态、交互式树形视图的工具,它能够以树状结构显示数据,每个节点可以展开或折叠,揭示或隐藏子节点。这个组件对于组织和管理层次结构复杂的数据非常有用,比如文件...