树形结构 - layui.tree

  最近公司项目有点多一段时间没有更新，刚完成的一个项目用到了tree树形结构有一些使用心得分享一下.

  开始是想使用zTree -- jQuery 控件，后来还是选用了基于layui的树形控件，因为项目后台管理界面都是用到layui，风格上统一一下感觉会好点（有点强迫症- -!）,废话不多说上菜。。

需要引用四个文件jquery，layui.css，layui.js，layui-xtree.js，这几个文件可以在下面码云获取

https://gitee.com/Y_Qweb/layui-tree

一引用文件

  二设置tree容器

		

			

			提交
		

	

  三初始化

使用layui要先use模块初始化，不然会报错

参数的一些介绍：    elem:body定义容器的id,
                                 data：可以静态的放置json，也可以放入获取数据的端口,
                                 disabled：bool 是否可选（json结构）,
                                 checked：bool  默认选中状态（json结构）,
                                 click:节点选中状态改变事件监听,
                                 icon:设置样式图标,
                                 color:设置图标颜色，

   保存提交状态，首先创建一个数组然后调用封装好的GetChecked（）方法，获取到所有选中的checked，遍历得到的这些选中checked，然后push到数组里提交。

恶霸先生趟过的一个坑：

    这个控件json的数据结构过于简单，试着尝试能否添加一些结构，发现比较麻烦需要重新定义编写（恶霸先生太懒- -！），又尝试在value里面定义对象需要进一步解析和定义差不多了，最简单的暴力的方法直接value对应的值以字符串拼接的形式存入需要用时在进行截取。

    接触这个控件时间太仓促，暂时没有找到更好的方法，大家有更好的方法可以留言，后续找到也会进行更新，欢迎大家指教学习共同进步。