码迷,mamicode.com
首页 > Web开发 > 详细

Js 之layui-authtree权限树

时间:2020-03-26 13:55:51      阅读:322      评论:0      收藏:0      [点我收藏+]

标签:modules   wan   主题   name   fun   config   end   type   script   

一、效果图

技术图片

 

 二、使用示例

1、html代码

<div class="layui-form-item layui-form-text">
    <label class="layui-form-label">授权菜单:</label>
    <div class="layui-input-block">
        <div id="tree"></div>
     </div>
</div>    

2、js代码

<script src="__PUBLIC__/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script>
    layui.config({
        base: ‘__PUBLIC__/layui/lay/modules/‘,
    }).extend({
        authtree: ‘authtree‘,
    });
</script>
<script>
    layui.use([‘form‘, ‘element‘, ‘authtree‘], function() {
        let form = layui.form;
        let authtree = layui.authtree;
        form.render();
        authtree.render(‘#tree‘, {$tree}, {
            inputname: ‘post[auth][]‘,
            layfilter: ‘lay-check-auth‘,
            autowidth: true,
            openall: true,
            childKey: ‘children‘,
            theme: ‘auth-skin-default‘,
            themePath: ‘__PUBLIC__/layui/lay/themes/‘ // 主题路径,默认 layui_exts/tree_themes/
        });
    });
</script>

三、demo地址

https://github.com/wangerzi/layui-authtree#已上线主题列表

Js 之layui-authtree权限树

标签:modules   wan   主题   name   fun   config   end   type   script   

原文地址:https://www.cnblogs.com/yang-2018/p/12573793.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!