layui xm-select的使用

1.引用js
2.

 <div>
      <div id="handle_userArr0" class="xm-select-demo"></div>
 </div>

3. 一般在layui中，下拉框用xm-select 比较方便。

var handle_userArr0 =ltreedata(handle_userArr0, dbcode, "1", "handle_userArr0", "select_id0");

function ltreedata(select, dbcode, sysid, demo, selectid) {
	$.ajax({
            type: "GET",
            dataType: "json",
            url: "//", //或者xm-select tree的数据
            async: true,
            data: { dbcode: dbcode, sysid: sysid }, //对应的参数
            success: function (res) {
                var select_id = $("#" + selectid).val().split(","); // 这里是拿到数据库的值，编辑时可默认选中

                select = xmSelect.render({
                    el: '#' + demo, //div的id
                    model: {
                        label: {
                            type: 'block',
                            block: {
                                //最大显示数量, 0:不限制
                                showCount: 3,
                                //是否显示删除图标
                                showIcon: true,
                            }
                        }
                    },
                    theme: {
                        color: '#e54d42', // 主题颜色
                    },
                    direction: 'down', //选择框向下
                    tree: {
                        show: true,
                        strict: false,
                        expandedKeys: select_id,//默认展开选中的节点
                    },
                    height: "200px", 
                    initValue: select_id,//初始化
                    data: res,
                    autoRow: true,
                    on: function (data) {
                        var selectArr = data.arr.map(function (user) { return user.value; }); //把数据写入selectArr中去存
                        var s = "";
                        for (var i = 0; i < selectArr.length; i++) {
                            s += selectArr[i] + ",";
                        }
                        selectArr = s.substring(0, s.length - 1);
                        $("#" + selectid).val(selectArr); //把选中的值写入input中，后面保存用
                    }
                })
            }
        });
      }

4.xm-select 的详细官方使用文档
https://maplemei.gitee.io/xm-select/#/senior/update