bootstrap实现删除和批量删除操作

来源：懂视网责编：小采时间：2020-11-27 20:12:55

bootstrap实现删除和批量删除操作

bootstrap实现删除和批量删除操作:一条记录可以看做一条数据的数组1 Html1.1 批量选择框 1.2 单个删除2 bootStarp2.1 批量获得获得选择的数据//批量删除 function deleteUserList() { //获取所有被选中的记录 var rows = $("#user").bootstrapT

推荐度：

点击下载本文 文档为doc格式

导读bootstrap实现删除和批量删除操作:一条记录可以看做一条数据的数组1 Html1.1 批量选择框 1.2 单个删除2 bootStarp2.1 批量获得获得选择的数据//批量删除 function deleteUserList() { //获取所有被选中的记录 var rows = $("#user").bootstrapT

一条记录可以看做一条数据的数组

1 Html

1.1 批量选择框

1.2 单个删除

2 bootStarp

2.1 批量获得

获得选择的数据

//批量删除
function deleteUserList() {
 //获取所有被选中的记录
 var rows = $("#user").bootstrapTable('getSelections');
 if (rows.length== 0) {
 alert("请先选择要删除的记录!");
 return;
 }
 var ids = '';
 for (var i = 0; i < rows.length; i++) {
 ids += rows[i]['id'] + ",";
 }
 ids = ids.substring(0, ids.length - 1);
 deleteUser(ids);
}

2.2 单个获得

//单个删除
function deleteUserById(id) {
 deleteUser(id);
}

2.3 公共操作

//删除
function deleteUser(ids) {
 var msg = "您真的确定要删除吗？";
 if (confirm(msg) == true) {
 $.ajax({
 url: "${path}/user/deleteUserList.do",
 type: "post",
 data: {
 ids: ids
 },
 success: function (data) {
 alert(data.msg);
 //重新加载记录
 //重新加载数据
 $("#user").bootstrapTable('refresh', {url: '/user/getUserList.do'});
 }
 });
 }
}

3 Java

3.1 Controller

3.2 Service

public long deleteUserList(String ids) {
 String[] ss = ids.split(",");
 long count= 0;
 for (Strings : ss) {
 userResourceExtend.deleteUser(Integer.parseInt(s));
 count++;
 }
 return count;
}