bootstrapTable复选框

bootstrapTable增加复选框,并将选中记录的数据传到后台controller

singleSelect选项设置为false,确保可以选中多条
columns里增加checkbox:true,增加复选按钮

页面增加点击按钮“batchStop”,并绑定click方法,将数据以json的格式传到后台,后台只需处理json格式的数据即可

后台处理完数据后,刷新页面

$("#batchStop").click(function () {
var a= $("#dataTable").bootstrapTable("getSelections");
if(a.length<=0){
$.confirm({
title: "提示",
content: "请至少选择一个渠道",
confirm: function () {

}
});
}else {
$.confirm({
title: "确认!",
content: "确定要停用这些渠道吗?",
confirm: function () {
var b = JSON.stringify(a);
$.ajax({
type: "post",
url: "/channel/batchUpdateStatus",
dataType: "json",
data: {
"datalist": b,
"state": 1
},
success: function (data) {
if (data.errorCode === 200) {
layer.msg("操作成功");
$("#dataTable").bootstrapTable("refresh");
} else {
layer.msg('操作失败!' + data.errorMsg);
$("#dataTable").bootstrapTable("refresh");
}
},
beforeSend: function () {
}
});
}
});
}
});
posted @ 2019-04-23 10:57  末末无闻  阅读(4451)  评论(1编辑  收藏  举报