SAPUI5 Walkthrough教程(二十四)——排序和分组

为了使我们的发票列表更加用户友好,我们按字母顺序对其进行排序,而不仅仅是显示数据模型中的顺序。此外,我们引入了组并添加了运送产品的公司,以便数据更易于使用。

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 的降序属性,以更改排序顺序)

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值