mvc ztree树形控件的应用

树形控件的应用

撰写时间：2019年1月31日星期四

当我们做一个项目的时候，会有很多的数据，每种数据的使用，跟显示方式都是不一样的，其中就有一些数据为了方便操作，是以树形结构显示出来的，是一层一层显示的，父id子id结构实现出上下层关系的。现在我要介绍的就是使用ztree插件做的树形数据绑定，首先我们要把控件拉到项目里面去，首先是引入插件的CSS样式和JS代码 然后绑定树形数据的代码

CSS

JS

引入插件完成后，我们就要在HTML里面给控件写出一个装数据的容器了

HTML写完后，现在就是查询出数据，将数据以我们需要的树形结构绑定到这个容器里面显示出来了，
Controller控制层查询数据：

Views视图层获取数据，定义一个数组，循环判断把数据都装到数组里面去，在根据id获取到我们HTML里面容器，然后把这个数组绑定到容器上面去，最后就是启动项目，显示出树形结构数据了。

界面显示：