在阅读了SAPUI5演练教程和SAPUI5关于数据绑定（在XML视图中）的教程中的表达式绑定和自定义格式化程序章节，并实现了一些简单的用例之后，您可能希望看一看更全面的示例，以了解可能的情况，例如显示相对日期、调整OData查询，或者如何使用占位符处理翻译。幸运的是，这样的示例应用程序已经存在，在这篇博文中，我将向您展示一些有用的代码片段，这些代码片段可以在您的日常开发生活中帮助您。

示例应用程序通过"文件"→"新建"→"示例应用程序中的项目"，您可以在SAP Web IDE的菜单中找到示例应用程序。

选择"批准采购订单"应用程序，然后单击屏幕底部的"下一步"。在下一个屏幕上同意许可协议，然后单击"完成"。

您现在应该有一个名为nw.epm.refapps公司.分机po.apv在你的工作区。要运行应用程序，自助建站源码，请选择文件夹nw.epm.refapps公司.分机po.apv，然后单击绿色播放（运行）按钮。

在随后的弹出窗口中，选择flpSandboxMockServer.html使用模拟数据运行应用程序。

相对日期格式与其用"2016年12月9日"这样的格式来显示日期，不如用明天、今天或2小时前这样的格式来显示日期，这不是更人性化的方法吗？我们知道这种从Twitter或Instagram显示日期的方法，但也可以在SAPUI5应用程序中使用，即开即用。

我们示例应用程序中包含的模拟数据来自2015年，因此我们需要手动更改它。我们将继续更改采购订单的模拟数据。您可以使用OData模拟数据编辑器将日期值更改为某个日期，也可以使用一些JavaScript编码来创建日期和时间值并在中手动更改采购订单.json：

我在模拟数据中更改了一些日期，多线云主机，使它们与今天相对，比如昨天或两天前。如果您再次运行应用程序，您已经可以看到应用的相对格式：

现在让我们看看使这种格式成为可能的代码段。你可以在S2找到它_PurchaseOrders.view.xml文件.

相对格式工作需要两件事。首先，您需要定义类型sap.ui.model模型.类型.日期格式选项必须是相对的。也可以定义类型sap.ui.model模型.type.DateTime类型要获得更精细的格式来显示2小时前的信息：

请查看探索的日期和日期时间类型示例，以获取更多格式选项：

sap.ui.model模型.类型.日期sap.ui.model模型.type.DateTime类型

格式化程序功能formatter函数使您能够根据某个字段的值来操作该字段的显示信息。例如，为可用项目的数量设置不同的状态（颜色），显示不同的文本模板，或以不同的方式显示某些内容（无论您是在移动电话还是桌面设备上）。

您可以使用格式化程序功能或表达式绑定来实现此类功能。前者使用JavaScript编码，适合较大的逻辑块，后者直接用XML编写。让我们先来看看一些格式化程序函数_PurchaseOrders.view.xml文件您可以找到一个格式化程序函数，根据项目数显示不同的文本：

在中编码BaseController.js版本格式化程序参考：

编码格式化程序.js：

您将看到根据项目数量（==1或不）不同的文本选择模板：xfld.项目或者xfld.项目. [iItems]数组用于替换翻译文件i18n.properties文件中的{0}占位符：

信息：占位符在处理具有不同句子结构的语言时非常有用。例如，什么是云，可以将{0}放在文本的另一部分。您不限于一个占位符；您可以使用多个占位符，如{1}、{2}或{3}。

我采用了模拟数据（采购订单的ItemCount属性）来显示不同的情况：

有关详细信息，请参阅演练教程中的自定义格式化程序。

表达式绑定如果您对如何根据不同情况格式化数据没有什么逻辑，那么也可以使用表达式绑定，并将代码直接写入XML视图。在S2中_PurchaseOrders.view.xml文件，你会发现几个例子。我将向您展示一个片段，大数据的发展，您可以在其中显示某个文本和替换某个占位符：

部分中的第一个路径用于检索正确的文本，大数据怎么学，第二部分将替换文本中的{0}占位符。这是通过jQuery.sap.formatMessage格式格式化程序（18n>是翻译的命名模型）。你找到文本了吗xfld.orderedBy公司在i18n.properties文件中：

有关详细信息，请参阅演练教程中的表达式绑定。这里还有关于表达式绑定的文档。

OData查询在处理OData时，可以提供一些初始排序或通过URL参数进行选择。在ES4演示网关系统中，排序（$orderby）的示例如下所示：https://sapes4.sapdevcenter.com/sap/opu/odata/sap/EPM\u REF\u APPS\u PO\u APV\u SRV/PurchaseOrders？$orderby=ChangedAt

在S2中_PurchaseOrders.view.xml文件，您将看到一个关于如何在XML视图中为聚合绑定提供这些参数的示例：