开发工具与关键技术:Visual Studio
作者:成其龙
撰写时间:2019年04月23日
如何实现数据新增:
首先,往HTML里添加新增的模态框的样式,具体如下代码:

然后,写一个弹出新增模态框的方法:
弹出模态框之前,我们先重置一下表单,如果不重置表单,会导致下一次弹出模态框的时候,模态框里会出现有上一次输入的内容,所以要重置表单,具体如下代码:
$("#formInsertAcademe")[0].reset();
然后,获取模态框的ID,让模态框显示出来,具体如下代码:
$('#modalInsertAcademe').modal('show');
下列代码就是弹出新增模态框的完整代码
function openInsert() {
$("#formInsertAcademe")[0].reset();
$('#modalInsertAcademe').modal('show');
}
最后,给新增按钮添加点击事件:具体如下代码:
<buttontype="button"class="btnbtn-sm btn-primary"onclick="openInsert()">新增</button>
保存新增的方法:
先获取表单值: var AcademeName = $("#IAcademeName").val();
然后判断值,使它不为空,否则提示用户填写完整,填写完整后用JQuery中的post请求控制器方法,然后判断是否新增成功,成功则关闭模态框并刷新表格,具体如下代码:

先创建一个实体类,用来记录返回的值,具体如下代码:
publicclassReturnJsonVo
{
publicbool State {get; set; } //状态
publicstring Code { get; set; } //状态码
publicstring Text { get; set; }//文本
publicobject Object{ get; set; }//附加数据
}
控制器方法:
先判断数据是否完整,然后用linq到数据库查询是否有重复的,如果没有重复的就用如下代码:
myModel.SYS_Academe.Add(sysAcademe);
myModel.SaveChanges();
将数据保存到数据库,如果有就返回新增失败,并将结果返回到页面
下列代码就是弹出新增模态框的完整代码:

作者:成其龙
撰写时间:2019年04月23日
如何实现数据新增:
首先,往HTML里添加新增的模态框的样式,具体如下代码:

然后,写一个弹出新增模态框的方法:
弹出模态框之前,我们先重置一下表单,如果不重置表单,会导致下一次弹出模态框的时候,模态框里会出现有上一次输入的内容,所以要重置表单,具体如下代码:
$("#formInsertAcademe")[0].reset();
然后,获取模态框的ID,让模态框显示出来,具体如下代码:
$('#modalInsertAcademe').modal('show');
下列代码就是弹出新增模态框的完整代码
function openInsert() {
$("#formInsertAcademe")[0].reset();
$('#modalInsertAcademe').modal('show');
}
最后,给新增按钮添加点击事件:具体如下代码:
<buttontype="button"class="btnbtn-sm btn-primary"onclick="openInsert()">新增</button>
保存新增的方法:
先获取表单值: var AcademeName = $("#IAcademeName").val();
然后判断值,使它不为空,否则提示用户填写完整,填写完整后用JQuery中的post请求控制器方法,然后判断是否新增成功,成功则关闭模态框并刷新表格,具体如下代码:

先创建一个实体类,用来记录返回的值,具体如下代码:
publicclassReturnJsonVo
{
publicbool State {get; set; } //状态
publicstring Code { get; set; } //状态码
publicstring Text { get; set; }//文本
publicobject Object{ get; set; }//附加数据
}
控制器方法:
先判断数据是否完整,然后用linq到数据库查询是否有重复的,如果没有重复的就用如下代码:
myModel.SYS_Academe.Add(sysAcademe);
myModel.SaveChanges();
将数据保存到数据库,如果有就返回新增失败,并将结果返回到页面
下列代码就是弹出新增模态框的完整代码:

