LayUI表格批量删除方法


Posted in Javascript onAugust 15, 2018

一:监听复选框事件

var checkedArr=[];

table.on('checkbox(demo)', function(obj){
if (obj.type=='all') 

return;
if (obj.checked){
checkedArr.push(obj.data.LAY_TABLE_INDEX);

                    //checkedArr[obj.data.id] = obj.data.LAY_TABLE_INDEX

}
else{
delete checkedArr[obj.data.LAY_TABLE_INDEX];

                    //delete checkedArr[obj.data.id];

}
});



var checkStatus = table.checkStatus('orderTest'),
data = checkStatus.data;


if (checkStatus.isAll){

  for (var i=0; i<data.length ; i++){

                checkedArr.push[i];

//checkedArr[data[i].id]=i;
  }
}

for (var j=0; j<checkedArr.length ; j++){
// $(".layui-table-view .layui-table tbody tr[data-index="+checkedArr[j]+"]").remove();

               

}

      $.each(checkedArr, function(k){
    $(".layui-table-view .layui-table tbody tr[data-index="+checkedArr[k]+"]").remove();
});

以上这篇LayUI表格批量删除方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
Nov 11 Javascript
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
Jan 13 Javascript
js实现文本框中焦点在最后位置
Mar 04 Javascript
Vue.js实现简单ToDoList 前期准备(一)
Dec 01 Javascript
vue.js计算属性computed用法实例分析
Jul 06 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
Oct 08 Javascript
TypeScript中的方法重载详解
Apr 12 Javascript
postman自定义函数实现 时间函数的思路详解
Apr 17 Javascript
ES6 Array常用扩展的应用实例分析
Jun 26 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
Jul 29 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 Javascript
layui中table表头样式修改方法
Aug 15 #Javascript
详解redux异步操作实践
Aug 15 #Javascript
解决Layui数据表格中checkbox位置不居中的方法
Aug 15 #Javascript
Bootstrap Table列宽拖动的方法
Aug 15 #Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 #Javascript
layui结合form,table的全选、反选v1.0示例讲解
Aug 15 #Javascript
详解微信JS-SDK选择图片遇到的坑
Aug 15 #Javascript
You might like
推荐文章系统(一)
2006/10/09 PHP
PHP新手上路(十)
2006/10/09 PHP
新手学PHP之数据库操作详解及乱码解决!
2007/01/02 PHP
php 深入理解strtotime函数的使用详解
2013/05/23 PHP
php实现的支持断点续传的文件下载类
2014/09/23 PHP
Thinkphp3.2.3分页使用实例解析
2016/07/28 PHP
Centos 6.5系统下编译安装PHP 7.0.13的方法
2016/12/19 PHP
jquery tablesorter.js 支持中文表格排序改进
2009/12/09 Javascript
select标记美化--JS式插件、后期加载
2013/04/01 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
2013/10/11 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
node.js中的http.response.setHeader方法使用说明
2014/12/14 Javascript
angularjs学习笔记之双向数据绑定
2015/09/26 Javascript
JS+CSS相对定位实现的下拉菜单
2015/10/06 Javascript
js实现表单多按钮提交action的处理方法
2015/10/24 Javascript
JavaScript学习笔记之ES6数组方法
2016/03/25 Javascript
JavaScript编程中实现对象封装特性的实例讲解
2016/06/24 Javascript
微信小程序  action-sheet详解及实例代码
2016/11/09 Javascript
bootstrap 路径导航 分页 进度条的实例代码
2018/08/06 Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
2019/09/06 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
[01:27:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第一场 1月24日
2021/03/11 DOTA
200行自定义python异步非阻塞Web框架
2017/03/15 Python
Python二叉树定义与遍历方法实例分析
2018/05/25 Python
在win10和linux上分别安装Python虚拟环境的方法步骤
2019/05/09 Python
python+jinja2实现接口数据批量生成工具
2019/08/28 Python
python列表插入append(), extend(), insert()用法详解
2019/09/14 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
幼儿园园长自我鉴定
2013/10/22 职场文书
资产评估专业学生的自我鉴定
2013/11/14 职场文书
机修工岗位职责
2013/11/24 职场文书
2014植树节活动总结
2014/03/11 职场文书
合法的离婚协议书范本
2014/10/23 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
CSS 新特性 contain控制页面的重绘与重排问题
2021/04/30 HTML / CSS
Python进阶学习之带你探寻Python类的鼻祖-元类
2021/05/08 Python