# layui-authTree

**Repository Path**: BinHaiIT2/layui-authTree

## Basic Information

- **Project Name**: layui-authTree
- **Description**: 在layui-authtree的基础上,修改了一下菜单与权限的一对关系表示方式
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-28
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# layui-authTree

#### Description
在layui-authtree的基础上,修改了一下菜单与权限的一对多关系表示方式

开发时使用的版本: 
 1) layui    v2.5.5
 2) authtree v1.2.4

#### 使用方法

```javascript
    layui.config({
        base: "/layui-v2.xxx/layui/lay/modules/"
    }).extend({
        authtree: 'authtree',
    }).use(['authtree'], function () {
        //获取权限数据
        var data = $('/data.json');
        layui.authtree.render('#auth-tree',data, {
            //页面checkbox的name值
            inputname: 'ops',
            //layui 监听
            layfilter: 'lay-check-auth',
            //自动调整宽度
            autowidth: true,
            //页面checkbox的value值
            valueKey: "id",
            //数据子节点名称
            childKey: "children",
            //叶子节点横排开关
            collapseLeafNode: true,
            //菜单的权限,具体看到data.json示例
            authorityKey: "authority",
            //数据编辑时,回显默认选中数据
            operates: [1,4,19,3,24,20,38,21,14,11,13,17,18,9,12,8,5,23,6,10,7,2,22,16,55,56,40,54,66,51,71,52,53,67,64,72]
        });
    });
```
####效果图
![输入图片说明](https://images.gitee.com/uploads/images/2020/0223/233700_58fc753f_5538518.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0223/233708_6e946fbe_5538518.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0223/233720_c65601c1_5538518.png "屏幕截图.png")
#### 注意事项
修改authtree源码中,使用了模板字符串,如果浏览器不兼容,需要自行替换