荣小菜补钙记第27期： QControl学习之如何实现一个可翻页跳转的Table

labview

荣小菜补钙记第27期：QControl学习之如何实现一个可翻页跳转的Table

同步更新于 WeChat：荣小菜在补钙

大家好，我是荣小菜，也可以叫我Richie，学习QControl有一段时间了，今天分享一个模仿QControl写的可翻页跳转的表格(Paging Table)

1. 简介

可翻页的表格效果太多了，随便百度一个，效果如下。

用labview做成这样不难，但是需要注意的是，不能使UI逻辑与业务代码紧耦合，应尽可能的对两者进行隔离。因此我打算模仿QControl的设计思路。

当然，直接用QControl也可以，那样更方便，但一个是为了深入学习，另一个是考虑到没有下载QControl的人就不方便用，就自己写一个吧。

2. 思路简述

实现类似功能，主要就是实现翻页控件和控件翻页逻辑，该逻辑直接对表格进行操作。而翻页控件其实就是几个按钮和数值控件。在这里我们模仿QControl，将翻页控件写成一个簇，簇里包含4个Boolean和1个String控件(String不一定是最好的选择，但是我就用啦，打我啊哈哈)。之后写一个Paging Core Vi来处理主要逻辑，再将所需的参数读写写成属性方便操作。基本思路就是这样，具体细节还是看源代码吧。

3. Demo演示

直接上功能演示吧，这里基本上实现了前后翻页、前后跳转翻页和任意跳转翻页。当然还有一些比如内容Delete后页数如何变化、自适应列宽等逻辑细节也做了考虑。

下面演示的是实时修改最大页数和每页行数的功能。

4. 代码简述

Demo后面板如下，类似QControl，用户使用时就只需两个Vi：建立一个Table控件，一个翻页控件簇，将它们的引用传递给New Table Paging.vi，而退出时只需加上一个Close Table Paging.vi即可。

项目树如下所示，翻页逻辑都在Paging CORE中，通过异步调用启动，通过用户事件停止。Property中都是参数的读写Vi，放入属性定义文件夹即可通过属性节点调用。具体请看源代码。

看源码时注意小细节：不论是Property里还是Paging CORE里，都是使用引用传值，这是保证实变性的关键。

5. 总结

我们完成了Paging Table的UI设计，模仿QControl架构，我们将翻页功能封装，使UI逻辑和业务逻辑分离，降低了耦合度。用户只需传递Table控件和翻页簇控件的引用就能实现全部翻页功能，提高了代码复用性。

可直接拿去用，不用下载QControl。

Table Paging Demo2016.rar (222.42 KB, 下载次数: 180 )

新学QControl，欢迎大神们莅临指导，说说优缺点，分享成功案例^_^

俞致远 · 2021-4-15 09:04:30

感谢分享，学习一个~~~~

poptop · 2021-4-22 16:27:27

谢谢分享

hr · 2021-4-23 09:53:26

大神分享了很多东西，都来不及学习，非常感谢

单程xian · 2021-4-23 15:12:40

感谢分享，学习一个~~~~

郭以建 · 2021-5-31 23:20:49

大神分享和很多有助于学习的东西，非常感谢/

yao · 2021-6-18 11:04:19

大神分享和很多有助于学习的东西，非常感谢/

程子 · 2021-7-1 16:29:08

很是厉害！

蒋石头 · 2021-7-9 17:05:55

THTE ETR T GETRGW TRTG

ZHANGYI · 2022-1-19 16:55:44

非常好，牛人，很牛

阿旺求虐 · 2022-1-20 09:48:10

妈呀，这个好厉害啊。【佩服

chenpyng · 2022-1-28 17:13:47

感謝分享，謝謝！

哎呦 · 2022-4-10 15:45:19

感谢大佬分享，666，学习了

shenjieming · 2022-5-17 11:23:00

感謝分享，謝謝

shenjieming · 2022-5-17 11:23:19

感謝分享，謝謝！

将军123 · 2022-11-12 13:07:35

感谢楼主分享，希望可以交流学习

搜索历史

荣小菜补钙记第27期： QControl学习之如何实现一个可翻页跳转的Table

本帖被以下淘专辑推荐:

相关推荐

15 条评论

评论

精选推荐

站长推荐 /6