批量启用和停用的基本方法/代码
先给停用按钮和启用按钮一个id,然后在写js代码,获取选中行代码,判断选中数据,然后修改状态,刷新表格。
var returnLength = 0;
//将单位停用
$("#ToVoid").click(function () {
returnLength = 0;
//获取选中的行数据
var checkStatus = layuiTable.checkStatus("Unitsetup");
//判断是否选中数据
if (checkStatus.data.length > 0) {
layer.confirm("确定要将选中的题目停用吗?",
{ icon: 3, title: "提示" }, function (layerIndex) {
layer.close(layerIndex);
for (var i = 0; i < checkStatus.data.length; i++) {
var UnitID = checkStatus.data[i].UnitID;
//修改单位状态
modifyUnitState(UnitID, false);
}
if (returnLength == checkStatus.data.length) {
//刷新表格
Unitsetup.reload({ page: { curr: 1 } });
layer.alert("已停用!", { icon: 1, title: "提示" });
}
});
}
else {
layer.alert("请选择需要停用的题目!");
}
});
//启用单位
$("#Enable").click(function () {
returnLength = 0;
//获取选中的行数据
var checkStatus = layuiTable.checkStatus("Unitsetup");
//判断是否选中数据
if (checkStatus.data.length > 0) {
layer.confirm("确定要启用选中的单位吗?",
{ icon: 3, title: "提示" }, function (layerIndex) {
layer.close(layerIndex);
for (var i = 0; i < checkStatus.data.length; i++) {
var UnitID = checkStatus.data[i].UnitID;
//修改单位状态
modifyUnitState(UnitID, true);
}
if (returnLength == checkStatus.data.length) {
//刷新表格
Unitsetup.reload({ page: { curr: 1 } });
layer.alert("已启用!", { icon: 1, title: "提示" });
}
});
}
else {
layer.alert("请选择需要启用的题目!");
}
});
代码打完,就要通过控制器传过来的路径进行保存,保存到数据中,也就是提交方法
效果图:
因为数据里的状态是false和true的,所以要用js把状态转换为文本类型显示在视图上面
//状态转换function UnitState(data) {var UnitState = data.UnitState;if (UnitState == true) { return "<span style='color:green;'>已启用</span>";}if (UnitState == false) {return "<span style='color:red;'>已停用</span>"; }if (UnitState == undefined || UnitState == "") {
return "<span style='color:#ff6a00;'>请启用状态</span>"}};
其实批量操作主要的是要获取到你选中行的数据,只要获取到了数据,你想怎么操作都可以了