树形组件的实现

树形组件的实现
 

开发工具与关键技术： VS2019
作者：汤池
撰写时间：2022/6/18

Html页面部分

1.引入layui的js和css,还有jq
2.在页面中把需要设置树形组件的div设置id和class值demo-tree
3.$(function(){})页面加载事件中，使用layui.use 调用tree组件
4.Layui.use([‘tree’],function(){}),在里面var tree=layui.tree
5.使用tree.render时间设置elem (“#+ID”),data:控制器传过来的数据
6.这样html页面的内容就完成了！

控制器部分
 

1.先新建一个类用来存储传输的数据，类的值在layui文档中可以查看
2.然后将需要的字段设置好，这里我只设置了必要格式

3.转到控制器部分，new一个TreeVO类的实例，然后使用foreach遍历需要的数据将遍历中new出新的TreeVO并设置数据

4.然后children=GetCity(item.lesionId) 这里是调用函数来获取子类，GetCity方法加上当前需要的子类对应的条件，可以用来筛选，在GetCity方法中再循环子类，在循环中继续new出新的VO设置子类的数据，可以一直叠加，最后返回数据

这样就能实现了