~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:VS、jQuery/layui
作者:#33
撰写时间:撰写时间:2019年06月14日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
MVC学习关于信息状态的改变,用员工表做的练习:
控制器方法:设置msg.State = false;通过员工ID查询员工信息,给员工表的TovoidNO字段赋值,保存状态(State)结果:myModel.Entry(tbemployee).State = EntityState.Modified;最后判断是否保存成功,返回提示信息。
public ActionResult EmployeeState(int employeeID, bool toVoidNo) { ReturnJson msg = new ReturnJson(); msg.State = false; try{ PW_Employeetbemployee=myModel.PW_Employee.Where(m=>m.employeeID==employeeID).Single(); tbemployee.TovoidNO = toVoidNo; myModel.Entry(tbemployee).State = EntityState.Modified; if (myModel.SaveChanges() > 0) { msg.State = true; msg.Text = "切换成功";} else{ msg.Text = "切换失败"; } } catch (Exception e) { msg.Text = "数据异常!"; } return Json(msg, JsonRequestBehavior.AllowGet); } |
在自定义操作列添加状态(启用[true])、作废[false])button。
按钮显示为两种情况,点击按钮,弹出提示框,若TovoidNO为true,则按钮变为作废,反之为启用;最后提示切换成功。
自定义列方法:
function setemployee(data) { var TovoidNO = data.TovoidNO; var btn = ""; //button拼接 var employeeID = data.employeeID; if (TovoidNO) { //TovoidNO==true 启用状态 btn+= '<button type="button" class="layui-btn layui-btn-warm layui-btn-xs" onclick=EmployeeState(' + employeeID + ',false)>作废</button>'; } else { //TovoidNO==false作废状态 btn += '<button type="button" class="layui-btn layui-btn-xs layui-btn-normal" onclick=EmployeeState(' + employeeID + ',true)>启用</button>'; } btn += "<button type='button' class='layui-btn layui-btn-xs' onclick='DoUpdate(" + employeeID + ")'>修改</button>"; btn += "<button type='button' class='layui-btn layui-btn-xs layui-btn-danger' onclick='DoDelete(" + employeeID + ")'>删除</button>"; return btn; } |
询问提示框:(提示是否启用或者作废),Post提交,url:EmployeeState,传入参数键值对:employeeID:employeeID,TovoidNO: TovoidNO,返回提示信息msg。
function EmployeeState(employeeID, TovoidNO) { layer.confirm("确定修改状态吗?", { icon: 3, offset: '200px' }, function (index) { $.post("EmployeeState",{employeeID:employeeID,TovoidNO: TovoidNO }, function(msg) { if (msg.State) { layer.close(index); Tabemployee.reload(); } layer.msg(msg.Text, { icon: 1, skin: "layui-layer-molv" });}); }); } |