@RequestMapping("/fundDetail")   @ResponseBodypublic String fundDetail(FundDetailQuery fundDetail,Pager pager){......List<Map<String,Object>> l = new ArrayList<Map<String,Object>>() ;//用来保存需要返回的footer数据Map<String,Object> m = new HashMap<String,Object>() ;m.put("account", "合计") ;//键名必须和前台页面的列名一致，当键名和列名一致，就会显示在那个列下面m.put("xiadan", xiadan) ;m.put("shouyi", shouyi) ;l.add(m) ;/** 多个footer就在加相应的Map，一个Map就是一个footer Map<String,Object> m1 = new HashMap<String,Object>() ;m1.put("account", "测试") ;m1.put("xiadan", xiadan) ;m1.put("shouyi", shouyi) ;l.add(m1) ; */Map<String, Object> map=new HashMap<String, Object>(); map.put("total", fundDetailService.queryFundDetailCou(fundDetail)); map.put("rows", funds ); 　　　　 map.put("footer", l) ;//保存footer数据 String result = JSONObject.fromObject(map).toString() ; return result ; }

<script type="text/javascript">$(function(){//初始化表格$('#userTable').datagrid({title:'平台资金', //标题method:'get',iconCls:'icon-list', //图标singleSelect:false, //多选height:370, //高度nowrap: true,// True 就会把数据显示在一行里。autoRowHeight: false, // 自动调整行高fitColumns: true, //自动调整各列，用了这个属性，下面各列的宽度值就只是一个比例。striped: true, //奇偶行颜色不同collapsible:true,//可折叠url:"<%=request.getContextPath()%>/XXX/XXX", //请求地址remoteSort : false, //服务器端排序idField:'id', //主键字段queryParams:{}, //查询条件pagination:true, //显示分页rownumbers:true, //显示行号showFooter:true,columns:[[{field:'ck',checkbox:true,width:2}, //显示复选框
                    ......{field:'xiadan',title:'金额(元)',width:30,sortable:false,align:'center'},//当footer中返回的名字和field里面的名字一样，就会显示在该列下{field:'shouyi',title:'收益(元)',width:30,sortable:false,align:'center'}],onLoadSuccess:function(){var h = "<tr>"+"<td></td><td></td><td>总计</td>" ;$("#userTable").append(h)$('#userTable').datagrid('clearSelections');}});});
</script>