在 SAPUI5 中使用自定义图标选择

【问题标题】：Select with custom icon in SAPUI5在 SAPUI5 中使用自定义图标选择
【发布时间】：2021-10-13 02:37:04
【问题描述】：

是否可以选择显示自定义图标？还是只能使用 SAP 图标？

我正在尝试这个：

我想要一个这样的下拉菜单，在国家名称旁边，我们可以看到每个国家/地区的国旗。可以下拉吗？

这是视图：

<m:Label/>
<m:Select items="{ path: 'listcountries>/countrySet' }">
        <c:ListItem key="{listcountries>Land}" text="{listcountries>Landx}" icon="images/{Land}.png"/>
</m:Select>

{Land}与每张图片的名称相同。

这是图片的路线： click

谢谢！

【问题讨论】：

标签： select combobox icons sapui5 dropdown

【解决方案1】：

是的，可以使用 sap.m.Select。这是一个示例https://openui5.hana.ondemand.com/entity/sap.m.Select/sample/sap.m.sample.SelectWithIcons

<Select>
    <core:ListItem key="item1" text="Text 1" icon="./path/to/icon1"/>
    <core:ListItem key="item2" text="Text 2" icon="./path/to/icon2"/>
</Select>

这里是一个活生生的例子https://codepen.io/pdimov/pen/gORgdBm

【讨论】：

嗨！但这仅适用于 SAP 图标。我的意思是，我想要项目文件夹中的自定义图标。但它不起作用。 :(
你能发布你的代码吗？也许您引用了错误的 URL，因为支持所有类型的图像。此外，图像的大小应该正确才能看起来不错。
可能是您的图像路径错误，请查看“网络”选项卡中发出的请求。我已经用示例更新了答案。