网站空间_头条cdn_促销

时间:2022-05-12 16:50       来源: 微辰云

网站空间_头条cdn_促销

在阅读了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视图中为聚合绑定提供这些参数的示例:

«

网站建设_cdn117_返现
« 上一篇 4月前

»
云数据库_数据库怎么学习_9元
下一篇 » 今天