在SAPUI5中创建逗号分隔的列表,可以通过以下步骤实现:
<List id="listId" items="{/items}">
<StandardListItem title="{name}" />
</List>
var oModel = new sap.ui.model.json.JSONModel();
oModel.setData({
items: [
{ name: "Item 1" },
{ name: "Item 2" },
{ name: "Item 3" }
]
});
this.getView().setModel(oModel);
var oList = this.getView().byId("listId");
var aItems = oModel.getProperty("/items");
var sItems = aItems.map(function(item) {
return item.name;
}).join(", ");
oList.bindItems("/", new sap.m.StandardListItem({ title: sItems }));
在上述代码中,我们首先创建一个JSONModel,并设置数据项。然后通过getView().byId()方法获取List控件的实例,并使用getProperty()方法获取数据项。接下来,使用map()方法将数据项中的name属性提取出来,并使用join()方法将它们以逗号分隔的形式拼接起来。最后,使用bindItems()方法将拼接后的字符串作为List的items属性进行绑定。
这样,就可以在SAPUI5中创建一个逗号分隔的列表。关于SAPUI5的更多信息和相关产品,您可以参考腾讯云的SAPUI5产品介绍页面:SAPUI5产品介绍。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云