温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

使用LayUI怎么批量删除表格

发布时间:2021-05-12 17:41:16 来源:亿速云 阅读:234 作者:Leah 栏目:web开发

今天就跟大家聊聊有关使用LayUI怎么批量删除表格,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

一:监听复选框事件

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是什么

layui是一款采用自身模块规范编写的前端UI框架,它遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,适合新手,并且它还提供了丰富的内置模块,他们皆可通过模块化的方式按需加载,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发,能够作为PC网页端后台系统与前台界面的速成开发方案。

看完上述内容,你们对使用LayUI怎么批量删除表格有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI