html 表格批量删除,Bootstrap Table 删除和批量删除

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

1      Html

1.1  批量选择框

beb249e428eb6a8578c3ba4a929c57dc.png

1.2  单个删除

fe0e675f988faeb6d81f63368368909e.png

2      bootStarp

2.1  批量获得

获得选择的数据

e7cf586b573838a1f5e86799e3466037.png

//批量删除

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  单个获得

73c4f89bea3bea08bc75efb0e3223d31.png

//单个删除

function deleteUserById(id) {

deleteUser(id);

}

2.3  公共操作

95816cb3df3081d87a6c3d0c653a2b36.png

//删除

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

bfddb2b62fa00df5026947f8d8def9ec.png

3.1  Controller

3.2  Service

d7ec3832ff3d3ee8236eadc86e3e5f53.png

public long deleteUserList(String ids) {

String[] ss = ids.split(",");

long count= 0;

for (Strings : ss) {

userResourceExtend.deleteUser(Integer.parseInt(s));

count++;

}

return count;

}

3.3  dao

ba157a772c3394a9d35b5611829570bb.png

总结

以上所述是小编给大家介绍的Bootstrap Table 删除和批量删除,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值