树形结构

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>树组件</title>
        <link rel="stylesheet" href="layui/css/layui.css">
        <script src="globaljs/global.js" type="text/javascript" charset="UTF-8"></script>
        <script src="layui/layui.js" type="text/javascript" charset="UTF-8"></script>
    </head>

    <body>
        <div id="test1"></div>
        <script src="layui/layui.js"></script>
        <script>
            layui.use(['tree'], function() {
                let tree = layui.tree;
                let $ = layui.$;
                let url = globalData.server + "GetAllModuleLayUI"
                $.post(url, {
                        token: globalData.myToken
                    },

                    function(result) {
                        console.log(result);

                         tree.render({
                            elem: '#test1' //绑定元素
                                ,
                            data:result,
                            id: 'demo1',
                            parseData: function(res) {
                                return {
                                    "value": res.id //数据值
                                        ,
                                    "title": res.title //数据标题
                                        ,
                                    "disabled": res.disabled //是否禁用
                                        ,
                                    "checked": res.checked //是否选中
                                }
                            }
                        });
                        
                    },
                    "json")

            })
        </script>
    </body>

</html>

 

 

-----------------------------------------------------------------------------------------------------------------

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值