xselect 实现已用数据禁止选择

最新推荐文章于 2024-07-12 16:42:46 发布

木_心

最新推荐文章于 2024-07-12 16:42:46 发布

阅读量658

点赞数

分类专栏：工作总结及练习文章标签： json

本文链接：https://blog.csdn.net/luckily_star/article/details/129186152

版权

工作总结及练习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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

                    }
                }
            })
        }

效果图：