crud功能的实现
删除:首先获取选中列的数
//getSelected获取选择表格的信息没有 没有返回false
var rom = employeeGrid.datagrid('getSelected')//获取选择的刚的数据信息
在判断有没有值如果有有值在发送ajax请求删除数据
//提示是否要删除 点击确定回调函数获取传进来的值进行删除发送ajax
$.messager.confirm('再次确认','删除后将永久无法恢复',function (value) {
if (value) {
//发送ajax请求到后台进行删除传一个id过去
$.get('/employee/delete',{"id":rom.id},function (date) {
if (date.success) {
$.messager.alert('提示:','删除成功','info');
//重新加载数据
employeeGrid.datagrid('reload');
}else{
$.messager.alert('温馨提示:','删除失败'+date.msg,'error');
}
})
}
})
}else{
$.message.alert('必须选择才能进行删除','info')
return
}
添加:首先定义一个对话框 里面定义一个form表单
再给添加按钮绑定一个事件一点击就弹出对话框
定义form表单://定义form表单
绑定事件
var searchForm = $("#searchForm");
var itsource = {
search:function(){
},
add:function(){
//弹出一个对话框
employeeForm.form('clear')
//取消隐藏框
$("tr[data-save]").show();
//开启密码验证:enableValidation
$("*[data-save] input").validatebox("enableValidation");
employeeDialog.dialog('center').dialog('open');
},
save:function () {
/* var url = "/employee/add";//添加路劲
//获取隐藏域里面id值
var id = $("#employeeId").val();
//判断隐藏域里面是否有ID值再来决定用哪个路径
if(id){
url = "/employee/update?cmd=update"//修改路劲
}*/
employeeForm.form('submit', {
//提交的路径
url: '/employee/add',
onSubmit: function () {
// 提交之前的验证
//validate返回boolean类型
return employeeForm.form('validate');
},
success: function (data) {
//发送ajax请求进行数据保存
//先将字符串转换为json对象
var dataJson= $.parseJSON(data);
//如果获取的有值就提示操作成功
if(dataJson.success){
$.messager.alert('提示:','提交成功','info');
//重新加载数据
employeeGrid.datagrid('reload');
//关闭对话框
employeeDialog.dialog('close');
}else{
$.messager.alert('警告:','提交失败','info')
employeeDialog.dialog('close');
}
}
});
employeeForm.form('submit', {
//提交的路径
url: '/employee/add',
修改:
首先修改和添加时进同一个表单 但是进修改表单的时候回取消密码验证 个隐藏密码框://隐藏数据 display:none密码
$("tr[data-save]").hide();
//取消密码验证:disableValidation
$("*[data-save] input").validatebox("disableValidation");
数据回显://修改 -- 回显示数据
employeeForm.form('load',row);
部门回显:
if(row.department){
row["department.id"] = row.department.id;
}
扩展功能 密码验证://取消密码验证:disableValidation
$("*[data-save] input").validatebox("disableValidation");
//开启密码验证$("*[data-save] input").validatebox("enableValidation");
数据丢失问题:在damain层里面头像字段上面设置@Column(updatable = false)代表不更新头像
//头像
//不更新头像
@Column(updatable = false)
private String headImage;