EasyUI：datagrid分页显示+嵌入select下拉选项框分页显示嵌入select下拉选项框

101 阅读 0 评论 67 点赞

我是靠谱客的博主雪白草莓，最近开发中收集的这篇文章主要介绍EasyUI：datagrid分页显示+嵌入select下拉选项框分页显示嵌入select下拉选项框，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

分页显示

easyUI中自带分页功能非常好用，只需要两步就可以便捷的进行分页显示。

1. 开启分页

pagination: true,   //开启分页  
pageSize: 10,   //分页大小  
pageNumber: 1,   //第几页显示（默认第一页，可以省略）  
pageList: [10, 20, 30], //设置每页记录条数的列表

使用pagination属性开启分页，并设置分页大小以及默认显示第几页，同时可以自己设置不同的每页数据量。

整体配置

在这里插入图片描述

2. 接口返回数据

开启分页功能后，每次触发查询的时候，会向接口post两个参数：page、rows。分别对应的是第几页数据以及每页有多少数据。
有了这两个参数后，数据库就可以使用limit {查询数据量} offset {跳过数据量}(这里使用的是postgresql)进行查询数据，查询后返回对应数量的数据，前端即可自动展示。