html table 批量删除,Bootstrap Table 删除和批量删除

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

1 Html

1.1 批量选择框

201709220851531.png

1.2 单个删除

201709220851532.png

2 bootStarp

2.1 批量获得

获得选择的数据

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

201709220851544.png

删除

function deleteUserById(id) {

deleteUser(id);

}

2.3 公共操作

201709220851545.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

201709220851546.png

3.1 Controller

3.2 Service

201709220851547.png

3.3 dao

201709220851548.png

总结

以上所述是小编给大家介绍的Bootstrap Table 删除和批量删除。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值