layui table中复选框禁用

在table的done函数添加如下代码 且加上自己的逻辑代码
我使用vue+layui 所以下面有that.$获取dom节点的 需要自己自行更改

 done: function (res, curr, count) {
        let state = "";
        //我这里是封装过talbe所以是，需要打印出自己的res是什么
        for (var i in res.rows) {
            let item = res.rows[i];
            // 这里是判断需要禁用的条件
            if ((item.approveStatus === 1)) {
                // checkbox 根据条件设置不可选中
                that.$('tr[data-index=' + i + '] input[type="checkbox"]').prop('disabled', true);
                state = "1";// 隐藏表头全选判断状态
                //重新渲染
                that.$nextTick(function () {
                    that.form.render();
                });
            }
        }
        if(state === "1"){
            // 根据条件移除全选 checkbox
            that.$('th[data-field=0] div input').replaceWith('<input type="checkbox" name="layTableCheckbox" lay-skin="primary" lay-filter="layTableAllChoose" disabled>');
        }else {
            //翻页显示全选按钮 checkbox
            that.$('th[data-field=0] div input').replaceWith('<input type="checkbox" name="layTableCheckbox" lay-skin="primary" lay-filter="layTableAllChoose">');
        }
    }
});

在这里记一次多选框的未选择提示

//下面的lay-filter="tableChange"比较重要 下面有使用到
 <table id="reasonLeaveViewData" class="layui-table" lay-filter="tableChange"></table>

that.tableIns = that.http.table({
    id: 'reasonLeave' //这个在下面会有使用到
    , elem: '#reasonLeaveViewData'
    , height: 'full-145'
    , toolbar: '#toolbarDemo'
    , defaultToolbar: ['filter']
    , page: {curr: 1}//重新从第 1 页开始
    , url: that.urls.queryPageData //数据接口
    , where: {
        'articleTitle': that.searchName
    }
    , skin: 'rows'
    , cols: [[ //表头
        {checkbox: true, fixed: 'left'}
        , {field: 'articleTitle', title: '文章标题', minWidth: 180}
        , {field: 'articleTypeName', title: '文章类型', minWidth: 260}
        , {field: 'creator', title: '创建人', minWidth: 100}
        , {field: 'createTime', title: '创建时间', minWidth: 160}
        , {field: 'updateBy', title: '更新人', minWidth: 100}
        , {field: 'updateTime', title: '更新时间', sort: true, minWidth: 160}
        , {title: '操作', align: "center", minWidth: 240, toolbar: '#articleToolbar'}
    ]]
    , done: function (res) {
    }
});

进行table的监听

//'toolbar(tableChange)'这个要跟我上面说过很重要的filter要保持一致
		that.table.on('toolbar(tableChange)', function (obj) {
	      that.queryParam.recordIds = [];
	      let layEvent = obj.event;
	      //这个reasonLeave为table的Id
	       let checkData = that.table.checkStatus('reasonLeave').data;
	       if (checkData.length === 0) {
	           that.common.showWarringTips("请选择一条或多条数据进行操作");
	           return;
	       }
	       //做逻辑判断
	       checkData.forEach((res => {
	           that.queryParam.recordIds.push(res.recordId);
	       }))
	       if (layEvent === 'batchPass') {
	           that.queryParam.pass = true;
	       } else if (layEvent === 'batchPassFailed') {
	           that.queryParam.pass = false;
	       }
	       that.passReasonLeave();
   });
	//可能要重新渲染一下
});