Select 在 SAPUI5 中使用自定义图标
Select with custom icon in SAPUI5
是否可以制作一个显示自定义图标的 select?或者我们只能使用 SAP 图标?
我正在尝试这个:
enter image description here
我想要一个这样的下拉列表,在国家名称旁边,我们可以看到每个国家的国旗。可以下拉吗?
这是观点:
<m:Label/>
<m:Select items="{ path: 'listcountries>/countrySet' }">
<c:ListItem key="{listcountries>Land}" text="{listcountries>Landx}" icon="images/{Land}.png"/>
</m:Select>
{土地}与每张图片的名称的价值相同。
这是图片的路线:
click
谢谢!
是的,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
是否可以制作一个显示自定义图标的 select?或者我们只能使用 SAP 图标?
我正在尝试这个:
enter image description here
我想要一个这样的下拉列表,在国家名称旁边,我们可以看到每个国家的国旗。可以下拉吗?
这是观点:
<m:Label/>
<m:Select items="{ path: 'listcountries>/countrySet' }">
<c:ListItem key="{listcountries>Land}" text="{listcountries>Landx}" icon="images/{Land}.png"/>
</m:Select>
{土地}与每张图片的名称的价值相同。
这是图片的路线: click
谢谢!
是的,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