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

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

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


那能行吗？作为活字格的开发人员，当然不能说不行。开搞！！！

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

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

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



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



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



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



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



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


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

完成，下课。