easyui datagrid total rows怎么用

Posted 2023-05-05

"total":109,"rows":["SAddress":"1","SContact":"1","SCount":"2","SDate":"1","SExplain":"1","SName":"1","STel":"1","product":"衣服","product_type":"衣服","salesRecordId":"xxx","usersName":"111","SAddress":"111","SContact":"111","SCount":"5000","SDate":"2014-12-26","SExplain":"111","SName":"大哥","STel":"138","product":"衣服","product_type":"衣服","salesRecordId":"57251920141226153307","usersName":"111","SAddress":"1","SContact":"1","SCount":"5555","SDate":"2014-12-26","SExplain":"1","SName":"11","STel":"1","product":"衣服","product_type":"衣服","salesRecordId":"A816p620141226153608","usersName":"111"]

这样有没有错。大神来指点一下。就是不显示数据啊

EasyUI的DataGrid要求返回的JSON数据集是这样的形式：

"total":总记录数量,"rows":[数据记录数组]。

例如：

"total":100,"rows":["name":"张三","id":1,"name":"李四","id":2]

需要注意的是：

返回结果必须是JSON格式而不是普通字符串。

注意JSON字符串中的单双引号转义。

建议在服务端Java代码中使用Jackson或者JSON-lib来创建JSON对象并赋值，然后再toString转为JSON字符串返回到前端页面。

参考技术A EasyUI的DataGrid要求返回的JSON数据集是这样的形式：

【“total”:总记录数量 , "rows":数据记录数组】

例如：
"total":100,"rows":["name":"张三","id":1,"name":"李四","id":2]

★需要注意的是：

1.返回结果必须是JSON格式而不是普通字符串。

2.注意JSON字符串中的单双引号转义。

【建议】在服务端Java代码中使用Jackson或者JSON-lib来创建JSON对象并赋值，然后再toString转为JSON字符串返回到前端页面。

springmvc 后台向页面EasyUI的Datagrid传递数据（JSon格式）

===============EasyUIDatagrid 分页====================

EasyUIDatagrid 需要提供的JSon格式为：total和rows，所以我们只需要在后台中返回一个JSon格式为total和rows

 

 

//定义一个EasyUIDatagridResult 类来包装JSon数据

public class EasyUIDatagridResult {
private long total;  //返回JSon中的total值
private List<?> rows; //返回JSon中的rows值

public long getTotal() {
return total;
}

public void setTotal(long total) {
this.total = total;
}

public List<?> getRows() {
return rows;
}

public void setRows(List<?> rows) {
this.rows = rows;
}

}

 

 

/**

   service层
* 分页查询商品
*/
@Override
public EasyUIDatagridResult findByPage(Integer page, Integer rows) {
// 分页查询
PageHelper.startPage(page, rows);
TbItemExample example = new TbItemExample();
// 查询到的数据
List<TbItem> list = itemMapper.selectByExample(example);
// 调用EasyUIDataGridResult 返回一个结果集
EasyUIDatagridResult result = new EasyUIDatagridResult();
PageInfo<TbItem> pageInfo = new PageInfo<>(list);
// total和rows都是EasyUIDatagrid后台需要用到的
result.setTotal(pageInfo.getTotal());
result.setRows(list);
return result;
}

 

 

//controller层

@RequestMapping("/item/list")
@ResponseBody
public EasyUIDatagridResult list(Integer page, Integer rows) {

//查询并返回
EasyUIDatagridResult result = iTbItemService.findByPage(page, rows);
return result;
}

 

需注意：EasyUI的Datagrid传递到后台的page和rows和后台向页面传递的total和rows的含义：

1.EasyUI的Datagrid传递到后台的page代表当前页 ，rows多少行

2.后台向页面传递的total代表数据的总数，类似于：select count（*）from XX  。rows表示返回的数据 List<?> data.