第22步:表达式绑定

最新推荐文章于 2023-10-23 10:57:24 发布

真的是我太天真

最新推荐文章于 2023-10-23 10:57:24 发布

阅读量195

点赞数

分类专栏： SAPUI5

原文链接：https://sapui5.hana.ondemand.com/#/topic/c98d57347ba444c6945f596584d2db45

版权

SAPUI5 专栏收录该内容

40 篇文章 5 订阅

订阅专栏

说明

有时SAPUI5的预定义类型不够灵活，您需要在视图中进行简单的计算或格式化——这正是表达式真正有用的地方。我们使用它们来根据数据模型中的当前的数字格式化我们的价格。

预览

在这里插入图片描述

价格现在是根据它的数字格式化的

代码

你可以在演练-第22步查看和下载所有文件。

webapp/view/InvoiceList.view.xml
在这里插入图片描述

<mvc:View
controllerName="sap.ui.demo.walkthrough.controller.InvoiceList"
xmlns="sap.m"
   xmlns:mvc="sap.ui.core.mvc">
   <List
      headerText="{i18n>invoiceListTitle}"
      class="sapUiResponsiveMargin"
      width="auto"
      items="{invoice>/Invoices}" >
      <items>
         <ObjectListItem
            title="{invoice>Quantity} x {invoice>ProductName}"
            number="{
		parts: [{path: 'invoice>ExtendedPrice'}, {path: 'view>/currency'}],
		type: 'sap.ui.model.type.Currency',
		formatOptions: {
			showMeasure: false
		}
		}"
		numberUnit="{view>/currency}"
        	numberState="{= ${invoice>ExtendedPrice} > 50 ? 'Error' : 'Success' }"/>
      </items>
   </List>
</mvc:View>