如何绑定多图

登录

现在有这么一个需求：在返回的结果集里面，有一个字段返回的是图片，但是是多张图片

模版里面表格

这里如果这样设置，只能显示第一张图；请问应该如何处理才能显示三张图片（图片的地址后端会进行处理成url）

Bella.Yuan · Bella.Yuan

本帖最后由 Bella.Yuan 于 2022-9-2 14:21 编辑

您好，这个有2种方式：
1）可以使用列表组件，列表里面绑定图片组件，然后修改数据集取值到picture这一层就可以了，
2）可以使用表格组件，图片组件嵌到表格的明细行，用表格的明细行去扩展，也是需要修改数据集取值需要取到picture这一层。
附件是根据您的描述和数据做的demo，里面包含列表和表格，您可以下载测试看看是否是您想要的效果。

fumasoft · fumasoft

Bella.Yuan 发表于 2022-9-2 13:45
您好，这个有2种方式，1）可以使用列表组件，列表里面绑定图片组件，然后修改数据集取值到picture这一层就 ...

可能是我没有表述清楚，现在是一个表格绑定了一个数据集，每行明细都有picture这个字段，这个字段里面可能是一张图，也可能是多张图，同时这一行其他的信息也要正常的显示，这种情况怎么处理这个多图的数据返回？

Eden.Sun · Eden.Sun

本帖最后由 Eden.Sun 于 2022-9-2 19:02 编辑

fumasoft 发表于 2022-9-2 14:05
可能是我没有表述清楚，现在是一个表格绑定了一个数据集，每行明细都有picture这个字段，这个字段里面可 ...

您好，我们有着一种实现方案，不过需要您对您的数据结构中图片的部分稍作修改，具体的额步骤如下：① 修改数据结构中关于图片的部分，为图片添加一个唯一的标识，这个标识需要将图片的数据和图片外部数据进行关联，如下图：

② 创建数据源：
添加数据源，将我们改造好的数据源添加进来：

③ 创建数据集：
这里要创建两个数据集：一个是获取外部数据的数据集，一个是获取图片数据的数据集：

外层数据集：

图片数据的数据集：

④ 创建表格：
表格一：显示外层数据：

表格二：显示图片数据：：
这里要注意的是，表格删除其他的内容，只留一个明细行的单元格，然后拖动一个图像组件放进去；

⑤ 添加数据过滤：

⑥ 查看效果：

至此就完成了多图片的显示。

fumasoft · fumasoft

但是我这边是在后台获取Dataset然后做绑定的

Eden.Sun · Eden.Sun

fumasoft 发表于 2022-9-4 15:53
但是我这边是在后台获取Dataset然后做绑定的

您好，我们在本地测一下这种情况！

Eden.Sun · Eden.Sun

fumasoft 发表于 2022-9-4 15:53
但是我这边是在后台获取Dataset然后做绑定的

您好，您的这种情况，我们在本地测试了，不太好实现。现在的话有两种方案：
① 需要您这需要改一下您的数据表结构，将您的图片的地址和主题数据分离开来，通过id之类的唯一键进行关联，这也是我们推荐的方式：

② 第二种就比较麻烦，在当前的数据集设置完成之后，获取到所有的数据，然后进行处理，处理成 ① 中的数据结构，然后将图片的数据创建成一个新的数据集，然后进行关联展示。但是如果数据量很打的话，可能会出现内存不够的情况，影响使用体验。

我们建议您对数据结构修改一下，使用第一种方式。

fumasoft · fumasoft

好的谢谢

Eden.Sun · Eden.Sun

fumasoft 发表于 2022-9-8 13:49
好的谢谢

不客气哦！如果有新的问题，欢迎您开新帖提问哦！

		自动登录	找回密码
密码			立即注册

[已处理] 如何绑定多图

本帖子中包含更多资源

8 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

Wyn高级认证

Wyn认证