`

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控件树(可扩展)

    2. **无限深度扩展**:`jstree`支持无限级别的子节点,这意味着可以构建一个无限制深度的树结构。这对于表示层级复杂的数据,如文件系统、组织架构或者分类目录等非常适用。开发者可以通过动态加载数据或者一次性...

    vue.js树形插件,自定义添加编辑删除树形结构菜单

    在Vue.js中实现树形结构,我们可以利用组件化的特点,创建一个可复用的Tree组件。这个组件需要包含以下核心功能: 1. 数据绑定:通过props将父组件的数据传递给Tree组件,这些数据应包含节点的ID、名称、子节点数组...

    【计算机专业JSP-毕业设计100套之】其他类别JSP无限级分类目录树-sorttree

    本资源“【计算机专业JSP-毕业设计100套之】其他类别JSP无限级分类目录树-sorttree”是一个毕业设计项目,旨在帮助学习者理解和实现一个基于JSP的无限级分类目录树系统,名为_sorttree。 首先,无限级分类目录树是...

    bubbletree:径向气泡树可视化

    特此免费授予获得此软件和相关文档文件(“软件”)副本的任何人无限制地处理软件的权利,包括但不限于使用,复制,修改,合并的权利,发布,分发,再许可和/或出售本软件的副本,并允许具备软件的人员这样做,但须...

    Js树型菜单

    在计算机科学中,树是一种非线性数据结构,由节点和边组成,每个节点可以有零个或多个子节点。在Js树型菜单中,每个节点通常代表一个项目,而子节点则表示该项目下的子分类。这种结构允许用户通过展开和折叠节点来...

    DTree & CheckBox

    DTree(可能是Data Tree的缩写)是一个用于构建动态、交互式树形视图的工具,它能够以树状结构显示数据,每个节点可以展开或折叠,揭示或隐藏子节点。这个组件对于组织和管理层次结构复杂的数据非常有用,比如文件...

Global site tag (gtag.js) - Google Analytics