xmSelect下拉树多选


//引入xm-select.js
<script src="/static/assets/plugin/layuiadmin/instend/xm-select.js"></script>
<script>
var demo2 = xmSelect.render({
            el: '#org',
            language: 'zn',
            autoRow: true, tree: { show: true,//是否显示树状结构 showFolderIcon: true,//是否展示三角图标 showLine: true,//是否显示虚线 indent: 20,//间距 strict:false,//是否严格遵守父子模式,默认true,父子节点关联,false父子节点不关联 expandedKeys: [ -1 ],//默认展开节点的数组, true 时, 展开所有节点 lazy: true, load: function(item, cb){ setTimeout(function(){ if(item.name.endsWith('2')){ return cb([]); } cb([ {name: item.name + 1, value: item.value + '1', children: [] }, {name: item.name + 2, value: item.value + '2', children: [] }, ]) }, 500) } }, height: 'auto', data(){ return [ {name: '销售员', value: -1, children: [ {name: '张三', value: 100, children: []}, {name: '李四1', value: 2}, {name: '王五1', value: 3, disabled: true}, ]}, {name: '奖品', value: -2, children: [ {name: '奖品3', value: -3, children: [ {name: '苹果3', value: 14}, {name: '香蕉3', value: 15}, {name: '葡萄3', value: 16}, ]}, {name: '苹果2', value: 4,disabled: true}, {name: '香蕉2', value: 5}, {name: '葡萄2', value: 6}, ]}, ] }
,
// 当选择为空的时候 提示信息
tips:'请选择客户',
// 每次点击选择的事件回调
on: function (data) {
console.log(data);
//arr: 当前多选已选中的数据
var arr = data.arr;
//change, 此次选择变化的数据,数组
var change = data.change;
//isAdd, 此次操作是新增还是删除
var isAdd = data.isAdd;

//可以return一个数组, 代表想选中的数据
//return []

orgIds = [];
for(var org in arr){
orgIds.push(arr[org].orgId);
}
// console.log(orgIds);

},
// 监听打开事件
show: function() {
// console.log('show');
},
// 监听关闭事件
hide: function() {
// console.log('hide');
//联动线路
getLineList();

}
}); <script>

 

posted @ 2020-10-30 14:44  persevere.琳  阅读(1690)  评论(0)    收藏  举报