找回密码
 立即注册

QQ登录

只需一步,快速开始

Grayson.Shang 活字格认证 Wyn认证
超级版主   /  发表于:2022-8-9 16:42  /   查看:3757  /  回复:0
本帖最后由 Grayson.Shang 于 2022-8-9 16:59 编辑

8.0发布已经一段时间了,在8.0中我们新增了在图文列表中增加新行数据的功能,不知道大家感觉怎么样呢。
虽然有了新增新行数据的功能,但我们的格友还是觉得不够完美,他还希望设计成这样的格式
image.png136529540.png
具体可以参考这个帖子
图文列表是否可实现如图功能?
https://gcdn.grapecity.com.cn/fo ... 51856&fromuid=69812
(出处: 葡萄城产品技术社区)


那能行吗?作为活字格的开发人员,当然不能说不行。开搞!!!
image.png257862548.png
小知识
不过在开搞之前,需要给大家介绍一下图文列表的一个小知识,担心有的小伙伴之前不清楚,这里先提前介绍一下。
那就是在文本框中我们可以给文本框设置命令,而命令触发的条件就是文本框中的值改变,如下图
image.png545847167.png
那和图文列表有什么关系呢?首先在图文列表中,也同样可以给文本框设置命令,命令触发的条件也同样是文本框中值改变了。
但是在文本框中,有一个先后条件大家需要知道,那就是
图文列表是会先加载各个单元格组件,等渲染完后,才会从表格中获取数据。那又能怎么样呢?
这里其实意味着,无论是新增数据的图文列表,还是原本就有数据的图文列表,刚开始文本框中都没有数据,等图文列表渲染完成后,会有一个数据从无到有的过程,额,就算这样,那又能怎么样呢?
image.png847125243.png
差别在哪里呢?差别就在于图文列表中有数据的文本框的命令会被执行,而没有数据的文本框命令不会被执行!!!
惊不惊喜意不意外.gif623311767.png


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

image.png339043273.png

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

image.png308800658.png

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

image.png540952758.png

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

image.png269856871.png

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

image.png58641966.png
然后大功告成,看一下演示效果
图文列表新增新展示.gif546934813.png
完成,下课。

图文列表新增数据新样式.fgcc

89.98 KB, 下载次数: 502

评分

参与人数 2金币 +5 满意度 +5 收起 理由
sz_xd + 5
Joe.xu + 5 很给力!

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部