节省新增/修改代码

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Visual Studio

作者：黄海浪

撰写时间：2019年5月7日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

新增和修改代码其实很多都一样的，所以新增和修改代码很多都是可以共用的，可以节省很多代码，比如模态框这里，一般情况都会有新增模态框和修改模态框，其实新增和修改的模态框只有两点不一样，就是表单ID和模态框ID不一样，还有修改模态框这里多了一个隐藏域用来存放ID，因为修改需要获取ID来进行判断。

节省新增/修改代码

看，新增和修改共用的模态框，只不过action这个属性先给它一个空，后面弹出模态框方法再给它添加上去

//=打开新增模态框

$("#insertNoticeType").click(function () {

//重置表单

$("#formNoticeType")[0].reset();

//设置模态框标题

$("#modalNoticeTypeTitle").text("新增公告类型");

//设置表单的action

$("#formNoticeType").prop("action","/SystemManagement/IssuanceNotice/InsertNoticeType");

//弹出模态框

$("#modalNoticeType").modal({ backdrop: 'static', keyboard: false })

});

//=打开修改模态框

function updateNoticeType(noticeTypeId) {

//重置表单

$("#formNoticeType")[0].reset();

//设置模态框标题

$("#modalNoticeTypeTitle").text("修改公告类型");

//设置表单的action

$("#formNoticeType").prop("action", "/SystemManagement/IssuanceNotice/UpdateNoticeType");

//回填表单

$.post("/SystemManagement/IssuanceNotice/SelectNoticeTypeById",

{ noticeTypeId: noticeTypeId },

function (jsonData) {

loadDatatoForm("formNoticeType", jsonData);

}, 'json');

//弹出模态框

$("#modalNoticeType").modal({ backdrop: 'static', keyboard: false })

}

我们看到在新增修改的方法里面都通过模态框ID设置了标题，因为共用模态框，所以标题另外设置，还有设置表单的action，给它一个路径，因为保存数据的方法是一样的，所以prst请求不能在保存数据的方法里面。

节省新增/修改代码

上面弹出模态框的代码看到没有，弹出模态框的代码本来是这样的

$("#modalNoticeType").modal("show");

//弹出模态框

$("#modalNoticeType").modal({ backdrop: 'static', keyboard: false })

这个代码主要的作用是点击背景不关闭模态框和按esc按键不关闭模态框，但是它还附带弹出模态框这个功能。所以 $("#modalNoticeType").modal("show");这一句代码可以节省

代码总结：