ASP.NET.MVC共用一个功能窗体的问题

开发工具与关键技术：VS2015  MVC
作者：超级小贱贱
撰写时间：2019年5月17日

在某些特殊的情况下，总会遇到一些巧合的问题，也不能完全说是巧合吧，有时候就是想偷偷懒，不想多写一些代码，就会出现这样的情况，新增和修改数据的时候共用一个功能模态窗体，虽然是共用，但点击的时候所实现的功能是完全不一样的，这样方便的地方就是Html代码可以少写很多（看功能多不多，多的话代码自然就多，如果只是单纯的新增一条数据和修改一条数据，代码肯定少），然后剩下的就是控制器那边写代码和视图层里边写代码，下面我将拿出一个例子来讲解一下。
首先是新增公告类型明细控制器这边，常规创建好 public ActionResult InsertNoticeTypeDetail 之后，（我是使用封装类来返回数据的，所以开头我声明了一个新的对象ReturnJsonVo returnJson = new ReturnJsonVo();）然后用try catch的方法来捕获错误。先处理一下数据noticeTypeDetail.NoticeTypeDetailName = noticeTypeDetail.NoticeTypeDetailName.Trim();这里的Trim（）的意思是去掉空格，在用if（）加判断条件!string.IsNullOrEmpty(noticeTypeDetail.NoticeTypeDetailName) && noticeTypeDetail.NoticeTypeID != null && noticeTypeDetail.NoticeTypeID > 0
else否则返回returnJson.Text = “请填写完整”;
接下来就是查询是否已经存在相同的公告类型明细，声明一个int 类型的条件 oldCount，在给查询条件，然后在if (oldCount == 0)，如果oldCount不等于0，则写入新增关键句“myModel.SYS_NoticeTypeDetail.Add(noticeTypeDetail);”在给一个if else 判断条件，如果新增的条件myModel.SaveChanges() > 0 ，则新增成功，否则新增失败，结尾在返回return Json(returnJson, JsonRequestBehavior.AllowGet)；
然后就是修改公告类型明细的控制器代码，具体的判断条件就不写出来了，那么多的判断条件主要还是为了那句修改关键句“myModel.Entry(noticeTypeDetail).State = System.Data.Entity.EntityState.Modified;”，控制器这边的代码就完成啦。
紧接着就是视图层，先从点击新增按钮开始。
首先调用jquery插件的方法$("#insertNoticeTypeDetail").click(function () {获取到公告类型明细那边新增按钮的 id 并给它一个点击事件，然后获取到公告类型选中的id（这里的id是上一部分内容公告类型的新增id，目的就是点击新增成功后的数据会转到公告类型明细那一部分在执行新的操作，如果没有新增公告，就不会有公告类型明细新增），var checkStatus = layuiTable.checkStatus(‘tabNoticeType’);然后用if else判断，if (checkStatus.data.length>0){ }，紧接着在里面声明一个变量“noticeTypeId” = checkStatus.data[0].NoticeTypeID;这时候关键点来了，$("#NoticeTypeID1").val(noticeTypeId);调用隐藏域的新增 id: NoticeTypeID，并给它方法。然后就是获取到那个操作模态框里的“form”id并进行重置表单$("#formNoticeTypeDetail")[0].reset(); 紧接着就是获取到模态框里面标题的id值“modalNoticeTypeDetailTitle”

在设置模态框的标题$("#modalNoticeTypeDetailTitle").text("新增公告类型"); 在然后就设置表单的“action”值，先获取到操作模态框里的“form”id，在.prop(“action”, “/SystemManagement/IssuanceNotice/InsertNoticeTypeDetail”);给出之前在控制器写的新增部分代码的路径名称，最后在给个弹出模态框的代码$("#modalNoticeTypeDetail").modal({ backdrop: 'static', keyboard: false })，就可以了，如果checkStatus.data.length大于0，将执行if里面的代码，否则返回一个提示代码“layer.alert(“请先选择公告类型”, { icon: 0 });”，新增便完成了。
然后就是打开修改模态框的视图层代码。
首先找到修改按钮的点击事件名称，在function updateNoticeTypeDetail(noticeTypeDetailID){ }。先获取到操作模态框里的“form”id，重置表单$("#formNoticeTypeDetail")[0].reset();，在获取到模态框的id值并设置模态框标题$("#modalNoticeTypeDetailTitle").text("新增公告类型");然后就继续获取到操作模态框里的“form”id并设置表单的“action”值$("#formNoticeTypeDetail").prop("action", "/SystemManagement/IssuanceNotice/InsertNoticeTypeDetail");给出之前在控制器写的修改部分代码的路径名称，最后在弹出模态框$("#modalNoticeTypeDetail").modal({ backdrop: ‘static’, keyboard: false })。
打开修改模态框就完成啦。