中继器做表格(进阶)-控制页数+记录统计展示+翻页+跳转翻页

目录

前言：

功能一、控制每页展示的页数：

功能二、展示一共多少条记录：  

功能三、上下翻页功能：  

功能四、跳转到某一页：  

---

前言：

上一篇文章“中继器做表格--普通表格”中我们只是做了一个普通的表格，可以通过数据集来控制表格的数据量；

在真实的场景下，一个表格其实是可以翻页。跳转翻页的，控制一页展示多少行的，今天我们就用来做一个接近真实情况下使用的表格；将分为4个功能来展示；

功能一、控制每页展示的页数：

    1.把页面元素拉出来放好，然后命名

        ①矩形：展示显示     记录，命名为 矩形1；

        ②输入框：给用户提供输入每页的数量的地方，命名为 页面数量输入框；

        ③按钮：点击之后分页生效，命名为 分页按钮；

    2.元件准备完毕后，给相应的元件加上点击事件：

        注意思路是这样的

            ①当点击分页的时候（这是触发条件），获取输入的数量（动作1）然后对中继器表格数据进行分页（动作2）；

            ②正常来说，页面一开始是中继器有多少条数据就展示多少条数据的，那如果一开始数据很多用户进入页面全部展示的这个体验就会很不好，

            那我们优化一下，具体就是-- 页面加载时（触发条件，这里是系统自动触发，不是用户手动触发），中继器的展示表格的数据记录数为n条（这个n根据自己的需要来）；

        操作步骤：

            ①选中分页按钮-点击新建交互-点击时-设置中继器每页的数量-选择要操作的中继器-点击f(x)（因为我们的这个数量是变化的，实时获取输入框的数量）-点击添加局部变量-命名变量为num（根据自己需要来）选择元件文字 -页面数量输入（框选择要获取的元件的文字的名字）-确定-完成操作&