業務是需要將前台jQuery easyUI DataGrid清單中所選的若干行的資料傳到後台進行update操作
通常情況下我們會取得所選行物件的ID，透過循環及簡單封裝拼湊成一個長String傳送過去，並在Service層解釋再透過findByID取得實例並update
但今次我們需要將整個物件群完整的傳送至後台
其架構如下
選用谷歌的GSON插件及json2.js搭配使用
前台程式碼如下，簡潔起見已移除部分簡單驗證程式碼：
前台程式碼如下，簡潔起見已移除部分簡單驗證程式碼：
複製程式碼
程式碼如下:
var rows = $('#dg1').datagrid('getSelections');
$.ajax({
cache : false,
type : "POST",
url : _basePath '/sectionGroup/pair',
data : {rows : JSON.stringify(rows.stringify(rows.stringify(rows. ), group_id : group_id, group_name : group_name},
success : function(data) {
if(data.success == true){
$.messager.confirm(')配置成功','是否設定成功','是否刷新清單？ reload');
$('#dg2').datagrid('reload');
}
});
}else{
$.messager.show({
title:'提示',msg:'配置失敗',
showType:'fade',style:{right:'',bottom:''}
});
}
}
});
此頁面中需要引入json2.js
後台Controller中接收如下：
@RequestMapping(value = "/pair")
@ResponseBody
public ResponseData pairString( , String group_id, HttpServletRequest request) {
User user = (User) SecurityContextUtil.getCurrentUser();
if (user == null) {
user = (User) request.getSession().getAttribute(). Constants.USER_OS);
}
Gson gson = new Gson();
List list = gson.fromJson(rows, new TypeToken>() {}.getType( ));
for (SectionGroup sectionGroup : list) {
for (SectionGroup sectionGroup : list) {
sectionGroup.setRegion(user.getRegion_id());
sectionGroup.setCompany_id(user.getOrg_id()); );
sectionGroup.setGroup_name(group_name);
service.insertEntity(sectionGroup);
}
return ResponseData.SUCCESS_NO_DATA;
}
TypeToken為GSON包中引入類別
入參rows應為String型
經過Gson轉換後List依舊為普通接口，內部裝載前台完整的Object對象
