openui5列表绑定到具有不同列表项类型的模型

时间:2015-07-09 07:33:32

标签: sapui5

我在openui5中有一个sap.m.List,它绑定到JSON模型。

列表应该包含正常的列表项(例如类型sap.m.StandardListItem),但是每年还应该通过列表项类型sap.m.GroupHeaderListItem进行一次分隔。 Example JSBin with such a list

使用bindAggregation绑定数据时是否可以实现此目的?

1 个答案:

答案 0 :(得分:2)

是的,应该是完全可能的,请查看https://sapui5.hana.ondemand.com/sdk/explored.html#/sample/sap.m.sample.ListGrouping/code

上的示例

当然,您需要将汇总排序到需要分组的字段,然后您可以为项目汇总提供groupHeaderFactory

<List items="{
  path: '/ProductCollection',
  sorter: {
    path: 'SupplierName',
    descending: false,
    group: true
  },
  groupHeaderFactory: '.getGroupHeader'
}">

然后被调工厂函数根据您的数据的某个值返回GroupHeaderListItem

getGroupHeader: function (oGroup){
    return new sap.m.GroupHeaderListItem( {
        title: oGroup.key,
        upperCase: false
    });
}