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 相关文章推荐
javascript实现无限级select联动菜单
Jan 02 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
Jul 08 Javascript
Angular的事件和表单详解
Dec 26 Javascript
Js apply方法详解
Feb 16 Javascript
iframe与主框架跨域相互访问实现方法
Sep 14 Javascript
JavaScript体验异步更好的解决办法
Jan 08 Javascript
Vue.js 利用v-for中的index值实现隔行变色
Aug 01 Javascript
js实现图片局部放大效果详解
Mar 18 Javascript
JavaScript如何把两个数组对象合并过程解析
Oct 10 Javascript
让IDE识别webpack的别名alias的实现方法
May 06 Javascript
原生JS生成指定位数的验证码
Oct 28 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
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
索尼SONY ICF-7600A(W)电路分析
2021/03/01 无线电
php urlencode()与urldecode()函数字符编码原理详解
2011/12/06 PHP
php搜索文件程序分享
2015/10/30 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
jquery 弹出层实现代码
2009/10/30 Javascript
Jquery iframe内部出滚动条
2010/02/11 Javascript
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
js中获取事件对象的方法小结
2011/03/13 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
2011/03/20 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
2012/11/13 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
2013/12/19 Javascript
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
2015/10/28 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
2016/09/08 Javascript
jQ处理xml文件和xml字符串的方法(详解)
2016/11/22 Javascript
JQuery学习总结【一】
2016/12/01 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
2017/05/17 Javascript
iscroll.js滚动加载实例详解
2017/07/18 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
2018/01/18 Javascript
详解JavaScript 浮点数运算的精度问题
2019/07/23 Javascript
Node如何后台数据库使用增删改查功能
2019/11/21 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
Vue项目接入Paypal实现示例详解
2020/06/04 Javascript
js实现滑动进度条效果
2020/08/21 Javascript
python的绘图工具matplotlib使用实例
2014/07/03 Python
举例详解Python中循环语句的嵌套使用
2015/05/14 Python
Python列表常见操作详解(获取,增加,删除,修改,排序等)
2019/02/18 Python
python怎么提高计算速度
2020/06/11 Python
Python Opencv轮廓常用操作代码实例解析
2020/09/01 Python
2014年工会工作总结
2014/11/12 职场文书