为了使我们的发票列表更加用户友好,我们按字母顺序对其进行排序,而不仅仅是显示数据模型中的顺序。此外,我们引入了组并添加了运送产品的公司,以便数据更易于使用。
webapp/view/InvoiceList.view.xml添加代码:
我们在绑定语法中添加了一个声明式排序器。像往常一样,我们将简单的绑定语法转换为对象表示法,指定数据的路径,现在添加额外的排序器属性。我们指定发票项目排序的数据路径,其余部分自动完成。默认情况下,排序是升序的,但您也可以在排序器属性中添加一个值为 true 的降序属性,以更改排序顺序。
如果我们现在运行该应用程序,我们可以看到按产品名称排序的发票列表。
items="{
path : 'invoice>/Invoices',
sorter : {
path : 'ProductName'
}
}"
**结果:**可以看到这是字母排序
webapp/view/InvoiceList.view.xml添加true
这里修改视图并添加不同的分类器,甚至更好;我们更改排序器并将属性组设置为 true。我们还指定了“发件人姓名”数据字段的路径。这将按装运公司对发票项目进行分组。
与分拣机一样,无需进一步操作。SAPUI5 的列表和数据绑定功能将自动显示组标题并对组中的项目进行分类。如果需要,我们可以通过设置 groupHeaderFactory 属性来定义自定义组标头工厂,但结果看起来已经很好了。
结果:可以看到,我们分类成功,并且是按照降序,因为我们设置的group : true(前文提到:在排序器属性中添加一个值为 true 的降序属性,以更改排序顺序)