`

jstree无限制树

阅读更多

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:构建交互式目录树的利器** jsTree是一款完全用JavaScript编写的开源库,专为实现跨浏览器的树状视图而设计。它在Web应用中扮演着目录树控件的角色,允许用户以树形结构展示数据,极大地提高了用户体验。...

    JSTree(js写的树形菜单,支持加载10000节点以上)

    **JSTree:高效处理大数据量的JavaScript树形菜单组件** 在Web开发中,树形菜单是一种常见的数据展示形式,用于组织和展示层次结构的数据。JSTree是一款基于JavaScript的开源库,专为构建功能丰富的交互式树形菜单...

    jsTree树形菜单

    **jsTree:JavaScript实现的树形菜单** jsTree是一款基于JavaScript的开源库,专门用于创建交互式的树形菜单。它提供了丰富的功能和多种定制选项,适用于网页中的数据组织和展示,如导航菜单、文件系统视图或者数据...

    jsTree中文文档

    初始化一个jsTree实例,你需要指定一个DOM元素作为树的容器,并提供配置对象来定制行为和外观: ```javascript $('#jstree_demo_div').jstree({ 'core': { 'data': [ { "text": "节点1", "children": [ { "text...

    jsTree 左侧导航树大集合

    在“jsTree 左侧导航树大集合”中,我们可以期待看到一系列关于如何构建和应用jsTree来实现左侧导航功能的示例。 **窗体导航控件** 在Web开发中,窗体导航控件是用户界面的关键组成部分,它们帮助用户在多个页面或...

    手机端js tree

    1. HTML和CSS:在移动端,js Tree通常使用HTML5的`&lt;ul&gt;`和`&lt;li&gt;`元素来构建树形结构。CSS用于布局和样式调整,确保在不同尺寸的屏幕上看起来清晰、易于阅读。 2. JavaScript:js Tree的核心是JavaScript代码,它...

    jsTree 很好用的动态加载数

    同时,jsTree 还有一套丰富的事件系统,如 `create_node.jstree`、`delete_node.jstree` 等,你可以绑定事件处理器来响应用户的操作或树的变化。 **版本信息** 提供的压缩包文件名为 `jsTree.v.0.9.9a`,这表明它...

    jstree.min.js.zip

    **jstree.min.js** 是一个基于 jQuery 的交互式树形视图插件,它允许在网页中创建和管理结构化的目录或数据展示。这款插件以其轻量级、高度可定制和易于使用的特性而受到开发者们的欢迎。下面将详细介绍 jstree 的...

    jstree树形控件

    **jsTree:强大的jQuery树形控件** **一、jsTree基本介绍** jsTree是一款功能丰富的JavaScript库,专为在Web应用中实现交互式的树形结构而设计。它基于流行的jQuery框架,允许开发者轻松地在网页上创建和管理树形...

    JStree(最全)

    JStree 是一个基于 JavaScript 的开源库,专用于创建交互式的树形数据结构。这个强大的工具支持多种操作,包括拖放、搜索、多选、加载异步数据(AJAX)等,广泛应用于网页中的菜单、文件浏览器、组织结构展示等场景...

    jsTree操作 jsTree插件简介

    除了基本的树结构操作,jsTree 还可以与其他页面元素结合,实现更复杂的功能。例如,可以将树形结构的节点与表单关联,用节点作为键,表单作为值,创建强大的数据管理界面。 jsTree 的灵活性和丰富的功能使其成为 ...

    基于jquery的树形结构JsTree 使用心得

    **基于jQuery的树形结构JsTree使用心得** JsTree是一款基于JavaScript的开源库,它能够帮助开发者轻松地在网页上创建交互式的树形结构。在本文中,我们将深入探讨如何利用jQuery与JsTree来构建这样的功能,同时分享...

    jstree用法大集合

    1. **jstree+JS树形菜单合集.rar** 这个文件可能包含各种`jstree`的基本和进阶用法,包括不同类型的节点操作(如展开、折叠、添加、删除)、事件处理、以及自定义主题和图标等。通过这些例子,你可以了解如何配置和...

    无极限可刷新js树 js tree

    【无极限可刷新js树 js tree】是一种基于JavaScript实现的动态树形菜单组件,它具有多项功能特性,适用于构建高效且交互性强的Web界面。这个组件的特点在于其灵活性和兼容性,无需依赖任何大型框架,使得它在各种...

    jstree v1.0 实现树形结构

    "jstree v1.0 实现树形结构" 是一个关于使用jstree库的特定版本(v1.0)来构建和管理树状数据结构的教程或项目。jstree是一个流行的JavaScript库,它允许开发者在网页上创建交互式的树视图,通常用于文件系统、组织...

    jsTree JAVA例子

    **jsTree 与 Java 整合详解** jsTree 是一个流行的 JavaScript 库,用于创建交互式的树状视图。它提供了丰富的功能,如节点的拖放、搜索、上下文菜单等,广泛应用于网站的导航菜单、文件管理器、数据结构展示等领域...

    JsTree静态例子

    总之,JsTree是一个强大的JavaScript库,适合用来构建交互式的树形结构。通过学习和实践,你可以利用它来提升Web应用的用户体验,展示和管理复杂的数据结构。不过,动态数据处理和高级功能的实现需要对JavaScript和...

    JStree 需要包含的资源

    **正文** JStree是一款基于JavaScript的开源库,专门用于创建、操作和展示HTML页面上的树状结构...正确引入`jstree.min.js`、`jstree.js`以及样式文件,结合其丰富的API和插件,将帮助你轻松实现树形结构的交互功能。

    JsTree 实例使用

    JsTree 提供了丰富的功能,如动态加载、节点重命名、拖放操作等,而且易于集成和自定义,使得开发者能够轻松地创建具有专业外观和功能的树形界面。 **一、安装与引入** JsTree 的使用首先需要下载相应的文件。在...

Global site tag (gtag.js) - Google Analytics