开发工具与关键技术:Visual Studio 2015
作者:杨镇虹
撰写时间:2019.04.20
一、单条数据删除的页面
单条数据的删除,首先要给html的每一行的数据设置一个删除按钮button然后给这个删除按钮onclick点击事件 给它一个元素delStudent 传递到写删除的方法 html按钮图1
图1
然后写单条数据的删除的方法事件function 拿到上面单条数据删除的按钮button给的这个元素delStudent 小括号的是员工ID(EmployeeID)对象
function delStudent(EmployeeID)
{这是一个提示框,如果你点击了上面给的单条数据删除的按钮button,它将弹出这个提示框来提醒用户你将要确定删除该条数据吗 图标icon:3, 表头title文本提示,如果你点击了确定它将进行删除数据 再function $.post接收路径控制器路径"delStuInfo" EmployeeIds这是控制器的参数 这个是一个对象员工IDEmployeeID 再function 给它一个函数msg 用来传递信息 图标icon: 0,文本头部提示框 最后刷新员工tabEmployee这个表格 实现代码图2
图2
二、批量删除&多条数据一起删除的页面
首先拿到批量删除员工信息的按钮,给这个元素delEmployees(),然后拿到这个元素给这个元素写方法事件function 先var获取要删除选中这个模块layuiTable的员工表格tabEmployee行的数据
function delEmployees() {
//获取选中行数据
var checkStatus = layuiTable.checkStatus(“tabEmployee”);
}
然后if判断获取到这个选中行的数据checkStatus的data的长度length是否在于0,如果大于0说明它是选中了要删除的行的 如果没有选中要删除的行数据,否则else提示框来提醒用户,请选择需要删除行的数据,至少要选择到一行的数据才可以进行删除
if (checkStatus.data.length > 0) {} else {
layer.alert(“请选择需要删除的数据”);
}
}
然后再var获取到员工ID employeeId等于空
var employeeId = “”;
for循环 var i等于0,i小于这个checkStatus的data的总长度length i++
for (var i = 0; i < checkStatus.data.length; i++) {
employeeId += checkStatus.data[i].EmployeeID + “;”;//拼接字符串
}
//去掉最后的一个“;”
employeeId = employeeId.substring(0, employeeId.length - 1);
用这个方法confirm来删除这个模块layer的数据,这是一个提示框文本表头提示title 图标icon:3,这个3代表的是一个问号图标提示,也是一个字符串拼接,如果你选择了所要删除的数据,当你点击批量删除数据时它会弹出一个提示框来提示你确定要删除选中的,加上拼接到这个里面的多少条数据checkStatus.data.length如果你选择了多少条数据删除它就会显示你总共要删除多少条数据的数量再拼接上"条员工信息?" 代码实现的效果图3
layer.confirm(“您确定要删除选中的” + checkStatus.data.length + “条员工信息?”, { icon: 3, title: “提示” },
图3
再function $.通过post请求到里的信息,这个是路径连接到控制器给的路径"delStuInfo",然后花括号装的两个元素,前面的这个元素分别是控制器传递过来的参数值EmployeeIds,后面这个是上面给的一个面给的元素 function小括号里面放一个属性msg状态信息
function () {
$.post(“delStuInfo”, { EmployeeIds: employeeId }, function (msg) {
然后选择数据批量删除成功后,重新用这个reload刷新员工tabEmployee表格
tabEmployee.reload();
文本提示框title表头提示 icon图标 msg状态信息
layer.alert(msg, { icon: 0, title: “提示” });
});
});