layui表格使用复选框批量删除_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表格数据复选框回显设置方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持3672js教程。

本站文章为3672js教程网友分享投稿，版权归原作者，欢迎任何形式的转载，但请务必注明出处。同时文章内容如有侵犯了您的权益，请联系我们处理。

layui表格使用复选框批量删除_layui表格数据复选框回显设置方法，表格复选框...相关推荐

layui添加复选框_layui表格数据复选框回显设置方法
layui2.3版本,本身并不带有复选框回显功能,那么需要从源头解决此事,F12代码调试,找到与复选框关联的地方发现: 我们只需要在渲染数据回调时找到每个复选框根据数据的不同来设置回显. layui这 ...
android 批量查找view,Android Recyclerview实现多选,单选,全选,反选,批量删除的功能
效果图如下: recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...
android 全选功能,Android Recyclerview实现多选,单选,全选,反选,批量删除的功能
效果图如下: Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...
android 获取通讯录全选反选_Android Recyclerview实现多选,单选,全选,反选,批量删除的功能...
效果图如下: Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...
php实现复选框删除功能,php怎么实现复选框批量删除
php实现复选框批量删除的方法:首先连接数据库并获取一张表:然后创建一个form表单并定义一个复选框:接着添加一个批量删除按钮:最后创建删除的PHP处理页面即可. 本文操作环境:Windows7系统. ...
ORA-02292_主表在有子表外键约束的情况，如何快速批量删除和插入数据？
[引言] 最近接手一小活,需求要将一张表中的数据进行全部更新,因主表有外键关联,无法删除本表中数据,即删除有外键的表的数据时,oracle会提示:ORA-02292:integrity const ...
vue 解决密码框 input 中type=“password“时，浏览器会回显之前保存的用户名和密码
input的type="password"时,会出现图中现象,之前保存的用户名和密码回显出来 1.为了解决这个问题尝试过以下几种方法: autocomplete="off ...
element-ui 中 el-table 分页多选（记住上一页勾选数据）及编辑回显
element-ui 中 el-table 分页多选(记住上一页勾选数据)及编辑回显 element-ui 的官网是有属性的 el-table-colum 的 reserve-selection 属性 ...
java复选框批量删除_vue+element+Java实现批量删除功能
表格的主要代码段主要方法是: @selection-change="selschange //复选框 //id 定义显示值 data(){ return{ sels: [],//选中的值显 ...
复选框批量删除-ajax-ssm项目(update实现假删除)
文末第7部分有效果演示!!! 目录 1.StudentMapper.xml文件中配置的sql语句 2.StudentMapper接口层 3.设计页面复选框全选与各自选择 4.通过js和ajax发出请求 ...

layui表格使用复选框批量删除_layui表格数据复选框回显设置方法，表格复选框...

layui表格使用复选框批量删除_layui表格数据复选框回显设置方法，表格复选框...相关推荐

最新文章

热门文章