1、 打开VS进入到项目中,在控制器中找到对应的视图,给新增的按钮定义一个方法,方法的定义如下:
function xinzeng(){
$("#formInsertStudent").click();//重置表单
$("#modInsertStudent").modal();//弹出新增模态窗体
}
还有另一个方法,就是获取到新增按钮的ID值,给按钮添加一个点击事件,然后用onclick将方法绑定到新增按钮,这个模态窗体的from表单里面设置了一个重置标签,所以在这个方法里面获取到它的ID,通过点击事件就可以实现在弹出新增模态窗体的时候清空数据,就是清空模态窗体里面的数据。
因为在模态窗体里面有了一个保存按钮,然后在定义一个方法,然后保存按钮点击事件就好,在方法里面获取到对应的ID值val()表示获取值,然后判断获取到的值是不是一个空值,如果是,就提示。
function xinzeng(){//自定义一个方法,给新增模特窗体里面的保存按钮一个点击事件因为哥
var studentNumber = $(“# studentNum”).val();//判断到ID传递给方法参数
var
studentName = $(“# stuName”).val();
if(studentNumber != “” && studentName
!= “”){
//get/post/ajax传递数据的属性
$.post(“modImport”,{ studentNumber: studentNumber, studentName: studentName },
function
(data){
if(data.State
= true){
layer.alert(data.Text);
$(“#modStudent”).modal(‘hide’);//关闭新增模态窗体
tabStudent.reload();//表格table刷新,reload()刷新的方法
}
else{
Layer.alert(data.Text);
}
})
}
else{
Layer.alert(”学生姓名和编号不能为空,请将数据填写完整”,
{icon:5})
}
}
进行完上面的操作后,就要到控制器中定义方法,方法是自定义命名的,传递的参数是从视图里面传递过来的,就是之前获取到的值,图片上的类是在项目的文件夹里面封装的一个定义当前状态的类,然后判断传过来的参数是否为空,如果数据为空就给它一个提示,不为空就进行下一步操作,实例化一个Model对象,然后就是判断这个实例化的对象,这个对象里面的字段等于传递过来的参数,就可以进行新增操作,是因为新增操作里面ID是自增的所以不需要去查询实例化表里面的ID值,然后实例化的Model链家查询的表,将实例化的对象放进Add()里面,然后还有保存操作。然后
在控制器中定义好方法后,就返回到视图,通过post进行数据提交,控制器定义方法名称,然后在括号里面进行键值对的形式传递值,键是控制器方法的参数,值是通过ID选择器获取input标签的value值,data是接受控制器方法返回的信息,新增成功后关闭模特窗体让表格刷新。