之前并没有系统使用easyui组件的机会。本次也是在基于该前端框架下完成一个简单的查询功能并展示的问题。
datagrid即数据网格,用于展示列表数据,以行为单位且支持分页。
问题背景:根据查询参数查询符合条件的数据。前端使用easyUI,后端使用spring mvc。
然而根据条件查询只会返回一条数据,因此也没有考虑分页什么的。
现象:后台以JSON格式返回,键值与前端的field的名称相对应。然而后台数据无法展示在datagrid中。datagrid一片空白,不过查询确实已经执行,数据也已经返回。命名也没有问题。
分析:应该还是返回的数据格式与datagrid的标准格式不一致吧。
问题所在:的确是返回的格式不符合要求。
由于只有一条数据,并没有考虑分页。所以直接将合法的后台数据已JSON对象的形式返回给了前端。
但是,datagrid除了要具体的展示信息以外,还是需要分页属性的。
也就是说后台返回的JSON数据必须包含start ,rows,total等分页属性。自己的查询对象需要以数组的形式被包含在返回的JSON字符串中。
例如:
{
"start":"",
"rows":[
{....}
],
"total":""
}