扩展 layui 的权限树 authtree
layui自身提供一个tree树形菜单,但是并不适用于权限控制中,比如:选择用户组的权限(树形结构),需要使用form表单提交用户所选权限数据。
项目中遇到了此类需求,所以特意封装了一个扩展用于渲染此类操作。
特别注意:权限树的渲染目标需要在 .layui-form .layui-item下,否则将无法渲染出样式。
功能演示:
功能概览:
支持无限级渲染结构树
点击深层次节点,父级节点中没有被选中的节点会被自动选中
单独点击父节点,子节点会全部 选中/去选中
支持默认选中(适用于编辑权限)
支持自定义表单名称(上传数据的name)
支持自定义lay-filter用于监听权限树选中(v0.2新增)
支持获取选中叶子结点信息(v0.2新增)
使用方法:
注意:此扩展需先引入layui.js方可正常使用。demo详见index.html
js使用样例:
// 注:extends/为authtree.js的存放路径
layui.config({
base: 'extends/',
}).extend({
authtree: 'authtree',