宝哥软件园

引导表中的多框删除功能

编辑:宝哥软件园 来源:互联网 时间:2021-08-31

先编码,然后再详细解释:

//删除按钮事件$ ('# remove ')。on ('click ',function () {//$ ('# table ')。引导表(' get selections ');它自带bootstrapTable,所以必须使用bootstrapTable来显示表,# table:id varrow=$(' # table ')。引导表(' get selections ');console.log(行);If (rows.length==0) {//rows主要用于判断是否选中,以下else内容为主预警('请先选中要删除的记录!');返回;} else { var arrays=new Array();//声明一个数组$(行)。每个(function(){//Traverse arrays . push(this . cid)通过获取其他选定的数组;//cid是得到的整个数据中的一列});var idcard=arrays.join(',');//获取要删除的id console . log(id card);} })1.翻译

2.获取要删除的数据

接下来,让我们看看这一行代码的效果,并将行打印到控制台:

可以看到,选择删除后,获得了一个完整数据库中的查询内容,其中cid是每个数据的id(主键)。

首先选择多选框。当您单击删除按钮时,您将在控制台中收到选定的cid。当然,icd必须在后台数据中传递,cid不需要显示在表格中。

打印出身份证,

这时,我们得到的idcard就是我们想要的数据,同时它们之间用逗号隔开,传递到后台,执行多行删除语句:

3.将数据传递到后台以执行删除sql

此时,您可以成功获取要删除的整个数据的id。当然,您也可以获取其他列的数据,例如:

注意!

要执行上述功能,有一点是使用bootstrapTable来显示表,否则就没有效果了。

摘要

以上是边肖介绍的删除Bootstrap表中多个框的功能。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你的!

更多资讯
游戏推荐
更多+