Layui xm-select插件

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
    		});