EasyUI中使用分页

最新推荐文章于 2024-09-21 19:42:30 发布

LYJieYa

最新推荐文章于 2024-09-21 19:42:30 发布

阅读量1.2k

点赞数 2

分类专栏： C# 文章标签： c#

本文链接：https://blog.csdn.net/qq_35317752/article/details/118399244

版权

本文介绍了如何在EasyUI的datagrid中实现分页功能。前端设置了pagination属性为true，pageList用于选择每页记录数，而pageSize默认为20。后端需返回相应格式的数据以支持分页展示。

摘要由CSDN通过智能技术生成

🚒 前端设置使用分页功能

在datagrid中使用分页功能，有如下常用属性：

pagination:bool // 开启分页
pageList:[5,10,20,30,40,50]//供选择的每页有多少记录
pageSize:20 //每页显示的记录数，默认20

🚔 后端返回对应的数据

从后台返回的数据封装成如下格式

return new {
   
	total:300, //一共有多少记录
  rows:list // 当前分页的数据
}

🍂例子

前端绑定

function EGridInit() {
   
    $('#grid').edatagrid({
   
        url: 'Action/ProductSample/ProductSList',
        saveUrl: 'Action/ProductSample/ProductSSave',
        updateUrl: 'Action/ProductSample/ProductSSave',
        destroyUrl: 'Action/ProductSample/ProductSDel',
        idField: 'id',
        singleSelect: true,
        rownumbers: true,
        toolbar: '#toolbar',
        fitColumns: