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认证更多详细资料
分享到:
相关推荐
**jsTree:构建交互式目录树的利器** jsTree是一款完全用JavaScript编写的开源库,专为实现跨浏览器的树状视图而设计。它在Web应用中扮演着目录树控件的角色,允许用户以树形结构展示数据,极大地提高了用户体验。...
**JSTree:高效处理大数据量的JavaScript树形菜单组件** 在Web开发中,树形菜单是一种常见的数据展示形式,用于组织和展示层次结构的数据。JSTree是一款基于JavaScript的开源库,专为构建功能丰富的交互式树形菜单...
**jsTree:JavaScript实现的树形菜单** jsTree是一款基于JavaScript的开源库,专门用于创建交互式的树形菜单。它提供了丰富的功能和多种定制选项,适用于网页中的数据组织和展示,如导航菜单、文件系统视图或者数据...
初始化一个jsTree实例,你需要指定一个DOM元素作为树的容器,并提供配置对象来定制行为和外观: ```javascript $('#jstree_demo_div').jstree({ 'core': { 'data': [ { "text": "节点1", "children": [ { "text...
在“jsTree 左侧导航树大集合”中,我们可以期待看到一系列关于如何构建和应用jsTree来实现左侧导航功能的示例。 **窗体导航控件** 在Web开发中,窗体导航控件是用户界面的关键组成部分,它们帮助用户在多个页面或...
1. HTML和CSS:在移动端,js Tree通常使用HTML5的`<ul>`和`<li>`元素来构建树形结构。CSS用于布局和样式调整,确保在不同尺寸的屏幕上看起来清晰、易于阅读。 2. JavaScript:js Tree的核心是JavaScript代码,它...
同时,jsTree 还有一套丰富的事件系统,如 `create_node.jstree`、`delete_node.jstree` 等,你可以绑定事件处理器来响应用户的操作或树的变化。 **版本信息** 提供的压缩包文件名为 `jsTree.v.0.9.9a`,这表明它...
**jstree.min.js** 是一个基于 jQuery 的交互式树形视图插件,它允许在网页中创建和管理结构化的目录或数据展示。这款插件以其轻量级、高度可定制和易于使用的特性而受到开发者们的欢迎。下面将详细介绍 jstree 的...
**jsTree:强大的jQuery树形控件** **一、jsTree基本介绍** jsTree是一款功能丰富的JavaScript库,专为在Web应用中实现交互式的树形结构而设计。它基于流行的jQuery框架,允许开发者轻松地在网页上创建和管理树形...
JStree 是一个基于 JavaScript 的开源库,专用于创建交互式的树形数据结构。这个强大的工具支持多种操作,包括拖放、搜索、多选、加载异步数据(AJAX)等,广泛应用于网页中的菜单、文件浏览器、组织结构展示等场景...
除了基本的树结构操作,jsTree 还可以与其他页面元素结合,实现更复杂的功能。例如,可以将树形结构的节点与表单关联,用节点作为键,表单作为值,创建强大的数据管理界面。 jsTree 的灵活性和丰富的功能使其成为 ...
**基于jQuery的树形结构JsTree使用心得** JsTree是一款基于JavaScript的开源库,它能够帮助开发者轻松地在网页上创建交互式的树形结构。在本文中,我们将深入探讨如何利用jQuery与JsTree来构建这样的功能,同时分享...
1. **jstree+JS树形菜单合集.rar** 这个文件可能包含各种`jstree`的基本和进阶用法,包括不同类型的节点操作(如展开、折叠、添加、删除)、事件处理、以及自定义主题和图标等。通过这些例子,你可以了解如何配置和...
【无极限可刷新js树 js tree】是一种基于JavaScript实现的动态树形菜单组件,它具有多项功能特性,适用于构建高效且交互性强的Web界面。这个组件的特点在于其灵活性和兼容性,无需依赖任何大型框架,使得它在各种...
"jstree v1.0 实现树形结构" 是一个关于使用jstree库的特定版本(v1.0)来构建和管理树状数据结构的教程或项目。jstree是一个流行的JavaScript库,它允许开发者在网页上创建交互式的树视图,通常用于文件系统、组织...
**jsTree 与 Java 整合详解** jsTree 是一个流行的 JavaScript 库,用于创建交互式的树状视图。它提供了丰富的功能,如节点的拖放、搜索、上下文菜单等,广泛应用于网站的导航菜单、文件管理器、数据结构展示等领域...
总之,JsTree是一个强大的JavaScript库,适合用来构建交互式的树形结构。通过学习和实践,你可以利用它来提升Web应用的用户体验,展示和管理复杂的数据结构。不过,动态数据处理和高级功能的实现需要对JavaScript和...
**正文** JStree是一款基于JavaScript的开源库,专门用于创建、操作和展示HTML页面上的树状结构...正确引入`jstree.min.js`、`jstree.js`以及样式文件,结合其丰富的API和插件,将帮助你轻松实现树形结构的交互功能。
JsTree 提供了丰富的功能,如动态加载、节点重命名、拖放操作等,而且易于集成和自定义,使得开发者能够轻松地创建具有专业外观和功能的树形界面。 **一、安装与引入** JsTree 的使用首先需要下载相应的文件。在...