layui列表展示后禁止选中某一条记录

最新推荐文章于 2023-03-03 13:43:53 发布

南风缓缓归

最新推荐文章于 2023-03-03 13:43:53 发布

阅读量749

点赞数 1

文章标签： java javascript css html

本文链接：https://blog.csdn.net/on_the_stree/article/details/112540594

版权

在使用layui table展示列表的时候，要求禁止选中某一条数据；

YZZYtable = table.render({
                    elem: '#YZZYtable',
                    id: 'YZZYtable',
                    data: data.list
                    , cols: [
                        [ //标题栏
                            {type: 'checkbox',width:"5%"},
                            {field: 'paramName', title: '系统参数名称', width: "30%"},
                            {field: 'paramCode', title: '系统参数编码',width:"35%"},
                            {field: 'paramValue', title: '系统参数值', width: "30%"},
                        ]
                    ]
                    , even: true
                    , height: heightStr
                    , page: false //是否显示分页
                    , limit: Number.MAX_VALUE
                    , done: function(res, curr, count){      //禁止选中
                        layui.each(res.data, function(i, item){
                            if(item.paramCode=="nwbz"){
                                $(".layui-table tr[data-index="+i+"] input[type='checkbox']").prop('disabled',true);
                                //禁止选中样式
                                // $(".layui-table tr[data-index="+i+"] input[type='checkbox']").next().addClass('layui-btn-disabled');
                                //设置背景颜色
                                // tableView.find('tr[data-index=' + i + ']').css("background-color", "#CCCCCC").find('td').prop('disabled',true)
                            }
                        });
                    }
                });
                $('#YZZYtable').parent().find('.layui-table-header').find('.layui-form-checkbox').hide();
            }, function (res) {
            });