SpringData JPA easyUI dataGrid数据显示的解决经验

最近，初学SpringMVC，用的是springDataJPA。前台用的是EasyUI的datagrid显示数据。刚开始，搞了半天数据就是表示不出来，后台代码运行正常，前台js也没问题。蛋疼的一个下午，晚上看了部电影回来就解决了。下面是我的代码，及解决的方法，以此仅是记录个人经验，希望大家多多指教。

JPA的代码就不在此记录，个人感觉很简单，可参照官网http://docs.spring.io/spring-data/jpa/docs/current/reference/html/

一，后台Controller，参数包括pageable分页（JPA会用到）返回的数据类型是Page<T>。

@RequestMapping("/getUser")
@ResponseBody
public Page<User> getUser(HttpServletRequest request, HttpServletResponse response,Pageable pageable) {

return userService.getUser(pageable);

}

这里一定要注意Page<T>,它里面不仅包括JSON对象，也包含分页的信息。格式大概如下

{"content":[{xxxxxx}],"last":false,"totalPages":2,"totalElements":11,"size":7,"number":0,"sort":null,"first":true,"numberOfElements":7}

二，前台JSP

<div id="userGrid"></div>

三、js

$(function() {
$('#userGrid').datagrid({
title:"用户信息表",
//url : $('#ctx').val()+'/user/getUser', 此处不用URL
width: 922,
pagination : true,
loadMsg: '数据正在加载,请耐心的等待...' ,
idField:'userCode',
striped:true,
columns : [ [ {
width : '100',
title : '员工姓名',
field : 'userName',
sortable : true
}, {
width : '100',
title : '员工工号',
field : 'userCode',
sortable : true
},{
width : '60',
title : '状态',
field : 'status',
sortable : true
},{
width : '140',
title : '开始日期',
field : 'startDate'
},] ],
});
fLoadData(); //加载数据的方法
});

具体实现加载数据
function fLoadData(){
$.ajax({
type:"GET",
url:$('#ctx').val()+'/user/getUser',
success:function (data){

$('#userGrid').datagrid('loadData', data.content); //将数据绑定到datagrid
}
});
}这里一定要注意，传递给datagrid的是data.coontent.上面已经提到，Controller返回的是Page对象，page对象里的content是json数据，而datagrid加载的正是json数据。
我数据不显示的原因就是因为没有考虑page对象的内容，以为datagrid会自己加载page里的json数据。