总体思路: 注意前端实现采用的是easyUI,所有的方法都是根据其生成
1、通过格式化列生成“修改”按钮 ;2、点击修改按钮弹出对话框 3、在对话框中根据点击的对象id查询到对象并将其显示到对话框中,3、点击对话框中的保存按钮,将修改后的数据提交到后台 4、弹出提示信息(是否保存成功)并刷新当前页面。
a、在表单(grid)数据中生成修改列
{ field :'-',
title:'操作',
align:'center',
formatter:function(value,row,index){
var oper ='<a href="javascript:void(0)" onclick="edit('+row.uuid+')">修改</a>';
oper += ' <a href="javascript:void(0)" onclick="del('+row.uuid+')">删除</a>';
return oper;
}
b、在JavaScript中添加edit方法(其中的加载数据根据form中的load方法而来),它会根据url地址,加载json数据并显示,由于本例中返回的json数据格式是:【name:‘**’;tele:‘**’】,而在编辑框表单中的为【dep.name:‘**’;dep.tele:‘**’】,所以在根据id查询对象的get方法中,应该将jison的数据格式键都加上dep.
/*
*修改部门
*/
function edit(uuid){
//弹出编辑框
$('#editDlg').dialog('open');
//清空表单内容
$('#editForm').form('clear');
method = 'update';
//加载数据
$('#editForm').form('load','dep_get?id='+uuid);
}
/**
*获取 编辑对象
*/
public void get() {
Dep dep = depBiz.get(id);
String jsonString = JSON.toJSONString(dep);
String jsonStringAfter = mapData(jsonString, "dep");
write(jsonStringAfter);
}
/**
* 将查询到的JSON数据加上前缀,方便editform显示
* @param jsonString 需