关于设计分页查询功能（分页参数）的案例分享

2022-7-17 10:57:44

3152 2

在云表平台的独立查询功能中，如果一次查询的数据量比较大，而某些情况下希望可以使用分页显示功能的同学们可以看过来了。
效果如下：
可以直接修改：每页行数及当前页，均可以实现跳转。上一页，下一页按钮，点击后可以切换当前页。

本人测试环境：
服务器版本：3.3.39.57 浏览器版本：3.1.39.178（原浏览器版本低测试报错，后升级的）

教程开始：
一、设计相关字段。

按如上字段设置，当前页字段也可以放置在第一页和最后一页中间空白处。。位置仅做参考，看个人喜好设计。

二、表单新建打开时，初始化页码
查询页面新建打开时，需要先赋一个默认初始值。这里主要是每页行数，根据情况设置一个合理初始值：20、30、50 等。

三、查询按钮，点击后在接口中设置分页参数，给界面页面组件赋值。
请依次按照下图顺序设置好。。

在上图中，当前页也可以直接赋值为 1 ，效果不影响。

四、插入首页明细。

以上即可实现分页效果。

五、实现每页行数功能。修改后，可重新按设定行数实现查询。
原理：增加一个值变化公式，数据项选定“每页行数” 。当每页行数变化时，重新按照类似上图三及图四实现页面组件变动及明细重新插入两步设计即可。
5.1 第一步：重新赋值页面组件内容。

5.2 第二部：重新按当前页码及每页行数插入明细。

六、实现当前页的跳转。
原理同上，利用值变化，数据项选择当前页码。此处因为页码面板组件，其他内容不变，仅当前页变动，因此直接插入明细对应页码即可。

七、上一页及下一页按钮的实现。（此处略，不再讲解，原理同上面六）

+1 4