layui添加复选框_layui表格数据复选框回显设置方法

layui2.3版本，本身并不带有复选框回显功能，那么需要从源头解决此事，F12代码调试，找到与复选框关联的地方发现：

我们只需要在渲染数据回调时找到每个复选框根据数据的不同来设置回显。

layui这里有一个坑，设置class属性后会造成二次点击效果，千万不要手动修改class属性，那么应该怎么办呢？

每次**点击**其中一个复选框时都会增加一个class属性，第二次点击又会给删除：

table.render({

elem: '#LAY_table_topic',

url: '/admin/topicHandle/getTopicList',

height: 600,

done:function(result,currPage,count){//数据回调方法

var data = result.data;

data.forEach(function(value, key) {

//这里必须选择点击方法，不知为何添加layui-form-checked class属性会造成二次点击(即下次点击必须点击两下才能生效)bug，

//所有类似的手动修改class貌似都会造成二次效果

if(value.read_total > 10){

$("div[lay-id='topicList'] td .layui-form-checkbox").eq(key).click();

}

})

cols: [[

{ type:'checkbox'},

{ field:'id', title: '话题ID', width: 80 },

{ field:'image_url', title: '图片', width: 100 , templet:"#showPic"},

{ field:'content', title: '话题内容', width: 260 },

{ field:'read_total', title: '阅读次数', width: 100 , sort:true},

]],

id: 'topicList',

page: true

});

以上这篇layui表格数据复选框回显设置方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:layui 监听表格复选框选中值的方法

layui table数据修改的回显方法

layui从数据库中获取复选框的值并默认选中方法

解决layui 复选框等内置控件不显示的问题

layui复选框的全选与取消实现方法

layui添加复选框_layui表格数据复选框回显设置方法相关推荐

layui table 全选过滤_layui表格(表单)的全选功能
最近在使用layui这个框架,其中有用到表格的全选功能,下面记录下我的使用.html文件需要引用的是layui.js和layui.css,但是上面两个文件又会引入其他文件.,如图所示, 所以建议从la ...
Python3 编写处理Excel表格数据筛选脚本用到的一些方法
记录下之前用python3 写的一个处理Excel表格数据筛选脚本用到的一些方法. 本文内容比较杂,可按需跳转翻看. pandas是一个内容十分丰富的库,我也只不过用到其中处理excel的方法,对这个 ...
element-ui 中 el-table 分页多选（记住上一页勾选数据）及编辑回显
element-ui 中 el-table 分页多选(记住上一页勾选数据)及编辑回显 element-ui 的官网是有属性的 el-table-colum 的 reserve-selection 属性 ...
layui添加复选框_layui table的复选框重载后增加回显
layui table的复选框重载后增加回显找到未压缩的table.js 增加配置缓存所选中的数据回显数据获取找到未压缩的table.js 我们需要修改table.js文件,但官网下载的是 ...
layui 数据表格下拉框_layui学习——数据表格嵌套下拉列表，并实现动态更新
layui学习--数据表格嵌套下拉列表,并实现动态更新项目中有些字段的数据为固定的几个值,这些字段在数据表格中显示为汉字,但在数据库中以数字形式存储,例如:仓库属性(0:普通仓/1:检验仓/2:报废 ...
layui单元格鼠标样式_Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法...
如下所示: var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '/par ...
layui根据name获取对象_layui表格行合并；解决侧边固定栏合并
实现效果图: 适配分页:全选: 后台嵌套数据: 获取数据后:渲染前操作: ,done:function(res){if(res.data){for(var i = 0;i<res.data.le ...
从浏览器下载表格数据为Excel的两种实现方法
一.使用说明实际开发运用过程中,往往需要将页面上的一些表格数据生成Excel供用户下载使用,根据不同的需求,此处整理了两种方式:(两种方式浏览器都可直接提示下载或保存文件) 方式一: 1.需求: 生 ...
easyUI下拉框默认选中和联动、内容回显
<td><input id="Area" name="Area" type="text" style="widt ...

layui添加复选框_layui表格数据复选框回显设置方法

layui添加复选框_layui表格数据复选框回显设置方法相关推荐

最新文章

热门文章