xselect 实现已用数据禁止选择

function queryExamtemplate() {
            layui.$.ajax({
                url: 接口地址,
                type: "get",
                data: {id: 'id', name: name},//传参数方式  无参[]
                dataType: "json",
                contentType: "application/json",
                success: function (res) {
                    if (res.code == 0) {
                        let data = [];
                        res.data.forEach(item => {
                            if (item.canSelect == 0) {
                                item.disabled = true
                            } else {
                                item.disabled = false;
                            }
                            let row = {
                                name: item.name,
                                value: item.id,
                                disabled: item.disabled,//这个位置一定要加到数据上,不然没反应
                            };
                            data.push(row);
                            xmSelect.render({
                                el: '#id', //id名称
                                language: 'zn',
                                initValue: editData ? 
  [{"name":editData.examTemplateName,"id":editData.examTemplateId}]:"",//编辑赋值
                                // name: '',
                                empty: '请选择考核类型',
                                tips: '请选择考核类型',
                                searchTips: '请输入考核类型名',
                                filterable: true,
                                data: data
                            })
                        });

                    }
                }
            })
        }

效果图:

xselect 实现已用数据禁止选择_第1张图片

 xselect 实现已用数据禁止选择_第2张图片

 

你可能感兴趣的:(工作总结及练习,json)