智能商贸day2 功能的完善

          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;

猜你喜欢

转载自www.cnblogs.com/1999wang/p/11306182.html