Layui xm-select插件
1、插件介绍地址
2、使用
- 选项监控
方式一
var selectRender = xmSelect.render({
el: el,
filterable: true,// 搜索
size: 'large',
toolbar: {show: true},
data: [],
on: function(data){
//arr: 当前多选已选中的数据
var arr = data.arr;
//change, 此次选择变化的数据,数组
var change = data.change;
//isAdd, 此次操作是新增还是删除
var isAdd = data.isAdd;
//可以return一个数组, 代表想选中的数据
//return []
},
})
方式二
var selectRender = xmSelect.render({
el: el,
filterable: true,// 搜索
size: 'large',
toolbar: {show: true},
data: []
})
selectRender.update({
on: function (data){
//arr: 当前多选已选中的数据
var arr = data.arr;
//change, 此次选择变化的数据,数组
var change = data.change;
var roleId = change[0].value;
//isAdd, 此次操作是新增还是删除
var isAdd = data.isAdd;
alert('name: '+change[0].name+' roleId: '+roleId+', 状态: ' + isAdd)
}
});
- 修改显示状态
var selectRender = xmSelect.render({
el: el,
filterable: true,// 搜索
size: 'large',
toolbar: {show: true},
data: []
})
selectRender.update({
disabled: true
});