本文共 2012 字，大约阅读时间需要 6 分钟。

树形表格TreeGrid

2.数据结构

[{"mcode":"UI","mname":"页面开发模板","micon":"glyphicon glyphicon-th","murl":"","explains":"开发页面的常用组件和页面","parent":null,"sort":4,    "children":[        {"mcode":"Cssd","mname":"CSS动画","micon":"glyphicon glyphicon-briefcase","murl":"/css/aaa","explains":"aaaaa啊啊啊aaaaa","parent":"UI","sort":1,            "children":[]}]}]//控制器         @ResponseBody@RequestMapping(value = "/selectZtreeModule", produces = {"application/json;charset=UTF-8"})public List
   
     selectZtreeModule(HttpServletRequest request){    List
    
      modules = new ArrayList
     
      ();    try {        HashMap param = new HashMap();        //。。。前台搜索关键字searchText。。。        modules= moduleService.selectModuleList(param);        modules=putChildren(modules);    } catch (Exception e) {        modules=null;    }    return modules;}//循环遍历下级节点，添加到module实体中public List
      
        putChildren(List
       
         moduleList){    if(moduleList.size()>0){        for(Module mod2:moduleList){            HashMap param = new HashMap();            param.put("parent",mod2.getMcode());            List
        
          res2 = moduleService.selectModuleList(param); if(res2.size()>0){res2=putChildren(res2);} mod2.setChildren(res2); } } return moduleList;}//实体public class Module { private String mcode; private String mname; private String micon; private String murl; private String explains; private String parent; private Integer sort; private List
         
           children;}//mapper SELECT mcode,mname,micon,murl,explains,parent,sort FROM sys_module 
           
           
             (mcode like #{searchText} or mname like #{searchText}) 
            
           
             AND parent is null 
            
           
             AND parent=#{parent} 
            
          
         
        
       
      
     
    
   

3，关键js代码

4.页面引用

5.重点来了，核心js文件

TreeGrid.js

转载地址：https://blog.csdn.net/yucaifu1989/article/details/105558279 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！