需求:点击一键审批,可以批量操作复选框所选的记录条数
首先给index.html页面添加一个按钮
<a href="javascript:;" class="btn btn-success btn-approve btn-disabled disabled {:$auth->check('lgwy/attrchg/approve')?'':'hide'}" title="一键审批" ><i class="fa fa-pencil"></i> 一键审批</a>
在对应的js文件添加代码
//一键审批
$(document).on("click", ".btn-approve", function () {
var data = table.bootstrapTable('getSelections');
var ids = [];
if (data.length === 0) {
Toastr.error("请选择操作信息");
return;
}
for (var i = 0; i < data.length; i++) {
ids[i] = data[i]['id']
}
Layer.confirm(
'确认选中'+ids.length+'条审批吗?',
{icon: 3, title: __('Warning'), offset: '40%', shadeClose: true},
function (index) {
Layer.close(index);
Backend.api.ajax({
//url: "lgwy/attrchg/approve?ids=" + JSON.stringify(ids),
//方法一:传参方式,后台需要转换变成数组
/*url: "lgwy/attrchg/approve?ids=" + (ids),
data: {}*/
//方法二:传参方式,直接是数组传递给后台
url: "lgwy/attrchg/approve",
data: {ids:ids}
}, function(data, ret){//成功的回调
if (ret.code === 1) {
table.bootstrapTable('refresh');
Layer.close(index);
} else {
Layer.close(index);
Toastr.error(ret.msg);
}
}, function(data, ret){//失败的回调
console.log(ret);
// Toastr.error(ret.msg);
Layer.close(index);
});
}
);
});
最后在对应的controller文件添加方法
效果图