ztree插件树状图

开发工具与关键技术：MVC

作者：Mr_恺

撰写时间：2019年6月27日

树状图不知道大家有没有做过，要不是做项目，项目中有这个需求，我也没有那么快能接触到这过功能，刚开始的时候对这个功能真的一脸懵逼，后来老师发一个插件下来，经过和同学的讨论终于有了理解，但不能说100%的了解，只是了解了一部分。

树状图加载数据可以分为两种：一种动态添加，另外一种固定的，手动添加。

现在我就做动态添加的，是从数据库中查询出来：

先用zTreeStyle.css和jquery.ztree.core.js插件

布局：

Css样式：

到js配置树状图参数：

把参数传到控制器：从数据库查询出来

出来的效果：

现在的样式是原生的，我们可以改图片，点击事件回调，设置单选框，复选框等等，有很多事件功能让我们去了解。