web-applications - 如何使用 web 应用程序中的下拉菜单链接到每个条目的图像文件以用于业务催化剂？

Question

我想在 BC 后端使用下拉菜单在网站前端吐出图像。例如... 有一个团队列表并想要制作“团队与团队”显示（徽标）。希望对双方都使用下拉菜单，以便 web 应用程序对用户来说很简单。

而不是使用图像字段并且必须直接链接到图像文件。

关于我将如何做这件事的任何想法..我猜测 JS 会参与其中。

干杯

Answer 1

你不需要任何脚本，只需要 css 和 html

在 CSS 中

.teamname1 {background-image:url(/path-to-background-image1);}
.teamname2 {background-image:url(/path-to-background-image2);}
.teamname3 {background-image:url(/path-to-background-image3);}
.teamname4 {background-image:url(/path-to-background-image4);}

在 Webapp 布局中

<div class="{tag_webapp dropdown fieldname}"></div>
VS
<div class="{tag_webapp dropdown fieldname2}"></div>

因此，当客户选择您在“Webapp 下拉字段名称”上设置的团队名称之一时，该 webapp 项目的类将确保设置团队图片。