怎么联动展示列表的对应的PDF文件
2025-01-22 15:08
为什么被折叠? 0 个回复被折叠

回答(1)

独角鲸 前台管理员
2025-03-07 14:03

需要使用“网络地址”来展示PDF文件,并且使用“动态值”来传递PDF的网络地址,下面使用简单的一个案例进行演示:


1. 在项目中添加一个“弹窗”组件和列表组件,在弹窗中添加一个“基础PDF”组件,在列表中添加两个“基础单行文本组件”,分别用文本来展示PDF文件的名称和相对应的网络地址,如下图所示:


2. 添加提前准备好的数据文件,其中包含需要展示的PDF的名称和网络地址,这里使用三个PDF文件进行演示,分别取名为“PDF1/2/3”,如下图所示:


3. 选中“单行文本”组件,将文本设置为数据字段(点击查看详细教程:数据字段),然后将数据中的标题和地址分别绑定到对应的数据字段中,如下图所示:


4. 采用同样的方法,将“基础PDF”组件的“文件地址”也生成数据字段,将数据中的“地址”绑定到数据字段中,如下图所示:


5. 点击选中绑定了地址的单行文本组件,添加一个交互,动作选择“修改设置”,指定组件选择“基础PDF”,设置项选择“文件地址”,然后将文件地址切换为动态值,类型设置为“当前组件值”。(点击查看详细教程:动态值传递


6. 此时当我们点击列表中的文本,基础PDF组件会自动获取相应的“文件地址”,从而展示对应的PDF文件,效果如下图所示:

咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2020-2025 多算科技, All Rights Reserved. 浙ICP备20006837号-5