金融前端

zhaoxiaoqiang1

2026-01-04 f1d30d03186c79ca2cbcfe60d6d2ce7d73fba97b

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<div class="layui-btn layui-btn-primary" id="get_role_org_tree_commit_btn">保存</div>
<form class="layui-form">
    <div id="xtree4" class="xtree_contianer"></div>
</form>
<script>
    layui.use(['form'], function () {
        var form = layui.form;
        var tree_data_str = JSON.stringify(window.getRoleOrgTree_data).replace(/children/g, "data").replace(/name/g, "title").replace(/id/g, "value");
        var tree_data = JSON.parse(tree_data_str);
        //3、最完整的参数用法
        var xtree4 = new layuiXtree({
            elem: 'xtree4'                  //必填三兄弟之老大
            , form: form                    //必填三兄弟之这才是真老大
            , data: tree_data //必填三兄弟之这也算是老大
            , isopen: true  //加载完毕后的展开状态，默认值：true
            , ckall: false    //启用全选功能，默认值：false
            , ckallback: function () { } //全选框状态改变后执行的回调函数
            , icon: {        //三种图标样式，更改几个都可以，用的是layui的图标
                open: "&#xe625;"       //节点打开的图标
                , close: "&#xe623;"    //节点关闭的图标
                , end: "&#xe621;"      //末尾节点的图标
            }
            , color: {       //三种图标颜色，独立配色，更改几个都可以
                open: "#EE9A00"        //节点图标打开的颜色
                , close: "#EEC591"     //节点图标关闭的颜色
                , end: "#828282"       //末级节点图标的颜色
            }
            , click: function (data) {  //节点选中状态改变事件监听，全选框有自己的监听事件
                console.log(data.elem); //得到checkbox原始DOM对象
                console.log(data.elem.checked); //开关是否开启，true或者false
                console.log(data.value); //开关value值，也可以通过data.elem.value得到
                console.log(data.othis); //得到美化后的DOM对象
            }
        });
 
 
        $("#get_role_org_tree_commit_btn").click(function () {
            var _allck = xtree4.GetAllCheckBox();
 
            var arr = new Array(),name_array = [];
            var arrIndex = 0;
            for (var i = 0; i < _allck.length; i++) {
                if (_allck[i].checked) {
                    name_array[arrIndex] = _allck[i].title;
                    arr[arrIndex] = _allck[i].value;
                    arrIndex++;
                }
            }
            console.log("树形多选已勾选数据",arr);
            $("#designated_institution").val(name_array.join(",")).attr("data-id",arr.join(","));
            layer.close(getRoleOrgTree_modal_index);
        });
    });
</script>