Grayson.Shang 发表于 2022-8-9 16:42:27

帮你打开活字格更神奇的功能:一百零八,更适用场景的图文列表新增数据

本帖最后由 Grayson.Shang 于 2022-8-9 16:59 编辑

8.0发布已经一段时间了,在8.0中我们新增了在图文列表中增加新行数据的功能,不知道大家感觉怎么样呢。
虽然有了新增新行数据的功能,但我们的格友还是觉得不够完美,他还希望设计成这样的格式

具体可以参考这个帖子
图文列表是否可实现如图功能?
https://gcdn.grapecity.com.cn/fo ... 51856&fromuid=69812
(出处: 葡萄城产品技术社区)


那能行吗?作为活字格的开发人员,当然不能说不行。开搞!!!

小知识
不过在开搞之前,需要给大家介绍一下图文列表的一个小知识,担心有的小伙伴之前不清楚,这里先提前介绍一下。
那就是在文本框中我们可以给文本框设置命令,而命令触发的条件就是文本框中的值改变,如下图

那和图文列表有什么关系呢?首先在图文列表中,也同样可以给文本框设置命令,命令触发的条件也同样是文本框中值改变了。
但是在文本框中,有一个先后条件大家需要知道,那就是
图文列表是会先加载各个单元格组件,等渲染完后,才会从表格中获取数据。那又能怎么样呢?
这里其实意味着,无论是新增数据的图文列表,还是原本就有数据的图文列表,刚开始文本框中都没有数据,等图文列表渲染完成后,会有一个数据从无到有的过程,额,就算这样,那又能怎么样呢?

差别在哪里呢?差别就在于图文列表中有数据的文本框的命令会被执行,而没有数据的文本框命令不会被执行!!!



小知识介绍完了,那就开始我们的内容。
1. 首先我们第一步,需要把整个图文列表分为两个部分(最好两个部分一样大),分别是数据展示部分,和没有数据时的按钮部分。



2. 然后对这两个部分分别做按钮的设置,以及数据查看的设置



3. 设置数据展示的所有的行都隐藏,按钮的所有行都正常显示



4. 给文本框增加一个设置行列布局命令,设置数据展示部分都可见,然后给按钮部分设置不可见



5. 给图片设置命令,设置数据部分可见,按钮部分不可见


然后大功告成,看一下演示效果

完成,下课。

页: [1]
查看完整版本: 帮你打开活字格更神奇的功能:一百零八,更适用场景的图文列表新增数据