xm-select多选组件在layer.open中使用、获取、复现

具体参考 Layui 第三方扩展组件平台：https://dev.layuion.com/extend/xmSelect/

下载后xm-select-master/dist/index.html打开就是使用手册，很详细

一：引入js

<script th:src="@{/ajax/libs/xm-select/xm-select.js}"></script>

二：html ,js

<div id="xmSelectId" class="xm-select-demo"></div>var xmSelectId = xmSelect.render({el: '#xmSelectId',filterable: true,data: _sparePartsManageList,initValue: [],//等级比selected高，默认选中的初始值prop: {name: 'sparePartName',value: 'id',},// model: {//     label: {//         type: 'block',//         block: {//             //最大显示数量, 0:不限制//             showCount: 1,//             //是否显示删除图标//             showIcon: true,//         }//     }// },on: function(data){//arr:  当前多选已选中的数据var arr = data.arr;//change, 此次选择变化的数据,数组var change = data.change;//isAdd, 此次操作是新增还是删除var isAdd = data.isAdd;sparePartSelList=arrsparePartTableRender(sparePartSelList)//可以return一个数组, 代表想选中的数据//return []},
})

三：赋值，取值，清除

//赋值法一
demo1.setValue([{name: '张三', value: 1},]);
//赋值法二（value方式）
demo1.setValue([ 1 ]);
//追加赋值
demo1.append([ 2 ]);
//清除数据
demo1.delete([ 2 ])
//清空数据
demo1.setValue([ ])