layui树（tree）获取所有选中的节点id

最新推荐文章于 2024-09-07 14:03:36 发布

Win-ch

最新推荐文章于 2024-09-07 14:03:36 发布

阅读量6.9k

点赞数 4

本文链接：https://blog.csdn.net/hhhdecade/article/details/107775668

版权

本文介绍了在layui框架中如何操作tree组件，详细解析了如何获取所有被选中的节点id，对于使用layui进行前端开发的人员来说，这是一个实用的技巧。

摘要由CSDN通过智能技术生成

<%--html--%>
<div id="roleTree"></div>
<div class="layui-form-item">
    <div class="layui-input-block">
        <button class="layui-btn" id="sub" lay-demo="getChecked" lay-submit lay- filter="addGrant">立即提交</button>
    </div>
</div>

<script>

    //渲染tree
    layui.use(['form', 'tree'], function () {
   
        var tree = layui.tree
            , form = layui.form;
        var inst1 = tree.render({
   
                elem: '#roleTree'  //绑定元素
                ,
                id: 'tree1'
                ,
                data: [{
   
                    "id": 1,
                    "title": "公司管理",
                    "children": [{
   
                        "id": 4,
                        "title": "人员列表",