Foxtable(狐表)用户栏目专家坐堂 → layui table组件中的 checkbox如何动态勾选或取消


  共有3734人关注过本帖树形打印复制链接

主题:layui table组件中的 checkbox如何动态勾选或取消

帅哥哟,离线,有人找我吗?
qq252476275
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:幼狐 帖子:196 积分:1429 威望:0 精华:0 注册:2020/5/23 14:56:00
layui table组件中的 checkbox如何动态勾选或取消  发帖心情 Post By:2021/12/4 11:30:00 [只看该作者]

请教 layui table组件中的 checkbox 如何动态勾选或取消

以下是采用 checkbox的click事件进行勾选,但是不能实现去掉勾选
注释部分为控制台的输出信息

另一种方法使用 $(checkboxObj).prop('checked', false); 做勾选或去选, 叠加 form.render(), 效果可以达到, 但是 checkStatus 的数据没有更新

var divTable = $('div[lay-id="toUser"]');  // 获取表
// undefined
var tableBox = $(divTable ).find('.layui-table-box'); // 获取box

var tableDiv;

if( tableBox.find('.layui-table-fixed.layui-table-fixed-l').length > 0 ){
// 存在固定列
tableDiv = tableBox.find('.layui-table-fixed.layui-table-fixed-l');
}else{
tableDiv = tableBox.find('.layui-table-body.layui-table-main');

}

// 获取复选框
var checkboxObj = tableDiv.find('div.layui-table-body tr[data-index]').find('.layui-form-checkbox i');

// 触发点击事件, 有输出,事件成功
checkboxObj[0].click();

// console.log 
// {tr: pe.fn.init(2), data: {…}, checked: true, del: ?, update: ?, …}
//  tr: pe.fn.init(2) [tr, tr, prevObject: pe.fn.init(2), context: undefined, selector: ".layui-table-body tr[data-index="0"]"]
//  data: {userID: 13375, badgeNumber: "21030", name: "朱敬", defaultdeptid: 1124, DeptName1: "外单位", …}
//  del: ? ()
//  update: ? (e)
//  checked: true
//  type: "one"
//  __proto__: Object
undefined

// 再次触发点击事件, 无输出, 没有能够去选
checkboxObj[0].click();

// undefined

// 获取勾选数据
var data = table.checkStatus('toUser');

// undefined

data   // 输出勾选数据
// {data: Array(1), isAll: false}
[此贴子已经被作者于2021/12/4 11:34:06编辑过]

 回到顶部
帅哥,在线噢!
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:109718 积分:558300 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2021/12/4 11:56:00 [只看该作者]


 回到顶部