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




本人测试环境:
服务器版本:3.3.39.57 浏览器版本:3.1.39.178(原浏览器版本低测试报错,后升级的)

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

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

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


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

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

四、插入首页明细。



以上即可实现分页效果。

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


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


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


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




+1 4

最近谁赞过

2条回帖
需要登录后才可进行回复 登录

玩转云表从入门到精通
扫码添加微信立即领取

·云表创始人授课文件
·加入社群与培训学习
·切磋云表开发玩法

商务咨询:0756-3335860
客服咨询
Baidu
map