layui表格复选框动态显示

根据后台返回数据,实现layui表格的编辑性和选中性动态控制。通过idEdit字段判断编辑性,当isCheckBox为0时移除复选框。全选按钮可能导致与实际提交数据不符,需监听checkbox并手动修改layui.table.cache。
摘要由CSDN通过智能技术生成

描述:

根据后台返回的数据,
1.判断表格数据的是否可编辑;
2.判断每一行数据是否能被选中提交;

可编辑性

idEdit是标识字段:1为可编辑,0为不可编辑。

{field: 'itemValue', title: '数据',
	edit:"text",editFn:function (data) {
         return data["isEdit"]=="1";//true为可编辑
 }}

。。。。好想要设置其他颜色的代码色哇!

是否可被选中

方案一:将复选框改为禁止选中的样式

在表格加载成功的回调函数中进行处理。

for(var k in list){
	//isCheckBox为标识,为0设置不可选中样式
   if(list[k]["isCheckBox"] == "0"){
     $(".layui-table tr[data-index="+ k +"] input[type='checkbox']").prop("disabled",true)
     $(".layui-table tr[data-index="+ k +"] input[type='checkbox']").next().addClass("layui-btn-disabled");
     }
 }

ok!完成

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值