关于easyui加载datagrid数据的问题

Posted 2023-05-16

今天学习easyui的datagrid时，由于测试，所以采用servlet作为后台控制器，个人新建了一个User类，包含
private int id;
private String name;
private String password;
三个属性，datagrid加载时的代码如下
$("#datagrid").datagrid(
url : 'dataGridCtrl',
title : '用户信息显示界面',
iconCls : 'icon-save',
pagination : true,
pageSize : 10,
pageList : [ 10, 20, 30 ],
fit : true,
fitColumns : true,
nowrap : false,
border : false,
idField : 'id',
columns : [ [
title : '编号',field : 'id',width : 100,
title : '姓名',field : 'name',width : 100,
title : '密码',field : 'password',width : 100
] ],
);
后台数据返回时只是测试，采用了List集合
List<User> userList = new ArrayList<User>();
for( int i = 0 ; i < 25 ; i++ )
String title = "user"+i;
User u = new User(i,title,"password"+i);
userList.add(u);

Gson json = new Gson();
PrintWriter out = response.getWriter();
out.println(json.toJson(userList));
调用外部工具jar包将数据转换为json格式，但是传回页面上不现实任何内容，分页工具也没有

火狐中的响应显示如下

不知道什么原因没显示，各位大神求解？

参考技术A datagrid 的json数据有严格的格式，必须有total 和rows 例如：
"total":条数,
"rows":[ "id01":"282.32","id02":"122221","id03":"0329281","id04":"29292918",
"id01":"282.32","id02":"122221","id03":"0329281","id04":"29292918",
"id01":"282.32","id02":"122221","id03":"0329281","id04":"29292918"
]
追问

好吧，这样啊……那我再好好看看怎么把数据封装吧，谢谢

本回答被提问者采纳 参考技术B datagrid时，由于测试，所以采用servlet作为后台控制器，

EasyUI datagrid数据表格加载本地数据

EasyUI datagrid数据表格（数据表格加载新数据)

js代码示例(loadData)

   //移除所有权限数据
    $("#btnRemove").on("click",function () {
        //移除所有的数据表格数据 loadData加载本地数据，旧的行将被移除
        rolePermsGrid.datagrid("loadData",[])
    })