bootstrap-treeview的使用实例

最新推荐文章于 2025-11-22 05:06:53 发布

原创最新推荐文章于 2025-11-22 05:06:53 发布 · 8.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap #tree

这篇博客介绍了如何利用bootstrap-treeview创建组织结构树。首先，需要引入对应的css和js文件。然后，通过后台拼接JSON数据，利用递归函数生成树结构。接着，在jsp界面中设置div元素，并通过js的ajax调用获取并展示数据。当节点被选中时，可以获取选中节点的ID。最后，提供了参考文档链接。

一、引入css和js

二、后台数据的拼接（使用递归函数）

/**
   * 获取tree的数据
   * @return
   */
   @RequestMapping("/getSysOrganizeIdJSON")
   @ResponseBody
   public String getSysOrganizeIdJSON(){
       String StrJSON = getSysOrganizeByParentIdJSON("00000000000000000000000000000001");
       StrJSON=StrJSON.substring(0, StrJSON.length()-1);
       return StrJSON;
   }

   /**
   * 机构的JSON拼接
   * @param id
   * @return
   */
   private String getSysOrganizeByParentIdJSON(String id){
       String sonNodes="";
       List<SysOrganize> list = sysOrganizeService.getSysOrganizeByParentId(id);
       for(SysOrganize sysOrganize : list){
           sonNodes+="{ text: '"+sysOrganize.getOrgName()+"', id: '"+sysOrganize.getOrgId()+"'";
           if(!getSysOrganizeByParentIdJSON(sysOrganize.getOrgId()).isEmpty()){

               sonNodes+= ", nodes: ["+getSysOrganizeByParentIdJSON(sysOrganize.getOrgId())+"] ";

           }
           sonNodes+= "},";
       }
       return sonNodes;
   }