开发工具与关键技术: 学习删除的一些代码写法
作者:李梓良
撰写时间:2019年5月7日
一.
首先是删除的思路:
- 在控制器根据XX的ID查询XX的信息
- 查询出信息之后,要知道信息的类型(会有int类型这样的)
- 再在控制器上设定一个方法,根据XX的ID删除XX的信息(这个方法的名称要在视图的路径这边使用)
- 回到视图写好隐藏域的id,然后再将其应用
- 如果又有修改的话,可以在视图设置一个自定义列模板,(这样做是为了可以在渲染表格的收加上templet这个模板)
- 最后就是写上删除的点击事件,弹出框,还要有判断
的事件,确认删除吗?这样子。
接下来是删除操作在控制器这边的一些代码案例
- ///
/// 1.5 根据员工ID删除员工信息
///
/// 员工ID
///
public ActionResult DeleteAcamede(int employeeID)
{
ReturnJson msg = new ReturnJson();
msg.State = false;
try
{
var employee = myModel.PW_Employee.Where(m => m.employeeID == employeeID).Single();
myModel.PW_Employee.Remove(employee);
if (myModel.SaveChanges() > 0)
{
msg.State = true;
msg.Text = “删除成功”;
}
else
{
msg.Text = “删除失败”;
}
}
catch (Exception)
{
msg.Text = “数据异常”;
}
return Json(msg, JsonRequestBehavior.AllowGet);
}
}
}
接下来是在视图上的一些代码的案例总结:
- 首先就是提到的自定义列模板方法的代码,以及渲染表格的一些代码:
//1.0 自定义列模板的方法
function setOption(data) {
//console.log(data);
var employeeID = data.employeeID;
var btn = “”;
btn += “<button type=‘button’ class=‘layui-btn layui-btn-xs’ οnclick='openUpdate(”
- employeeID + “)’>修改”;
btn += “<button type=‘button’ class=‘layui-btn layui-btn-xs layui-btn-danger’ οnclick='saveDelete(” - employeeID + “)’>删除”;
return btn;
}
渲染表格之中的代码:
cols: [[
{ title: ‘操作’, templet: setOption, align: ‘center’ }
]],
2.这最后就是删除代码在视图的一些总结:
//1.2删除员工数据
function saveDelete(employeeID) {
layer.confirm(“确认删除吗?”, { icon: 3, title: ‘提示’, offset: ‘150px’ }, function (index) {
layer.close(index);
$.getJSON("/Main/DeleteAcamede?employeeID=" + employeeID, function (msg) {
if (msg.State) {
layer.alert(msg.Text, { icon: 1, offset: ‘150px’ });//弹出提示框
employee.reload();
} else {
layer.alert(msg.Text, { icon: 5, offset: ‘150px’ });//弹出提示框
}
});
});
}
最后就是这效果图,以及这个遮罩层的弹出框: