[SAP]用于假人的SAPUI5第1部分:完整的分步练习


介绍与回顾


上一篇博客文章中 ,我们在SAP SCP WebIDE Full堆栈上创建了一个新的SAPUI5应用程序,并且已将其配置为使用SAP Netweaver Gateway Demo ES5的目标


本练习将涵盖什么


  • 什么是XML元数据清单及其内部内容?
  • 如何使用我们的OData模型并将其绑定到我们的应用程序中
  • 使用带有项目和属性绑定的sap.m.Table
  • 使用sap.ui.model.type.DateTime格式化JavaScript日期
  • 如何设置列的样式以在移动/平板电脑/台式设备上采取不同的行动

在SAP WebIDE Full-Stack上创建新的SAPUI5应用程序,第1部分


让我们编码


现在是时候让我们开始编写一些代码了。 在此步骤中,您将显示带有一些有用信息的业务合作伙伴表。


首先要做的是检查我们的服务元数据。 每个oData服务都公开一个称为XML Metadata Manifest的特殊XML文件。 您可以通过将$metadata附加到服务URL来查看它。 这是我们的GWSAMPLE_BASIC元数据URL 。 Metatada清单非常重要,因为它描述了:


  • 服务公开哪个模型集
  • 对于每个作为主键的模型,属性列表(带有类型和约束)以及是否具有某些导航属性(如何从该模型作为关系导航到其他模型)
  • 许多其他有用的信息

看一下BusinessPartner EntitySet ,并尝试猜测我将哪个属性用于此步骤的最终结果。 现在,查看SAPUI5上的表文档,并尝试以正确的列和项目顺序复制我的布局。 对于每个列名称,在i18n.property文件中创建一个转换,并在XML中将其用作绑定。 现在,将BusinessPartnerSet附加到表,添加请求的列并根据示例设置列值的样式。


请注意:


  • 创建于具有特定的DateTime格式显示
  • 如果在手机,平板电脑或台式机浏览器中打开应用程序,列的行为会有所不同

完成练习后,您可以在分支步骤1的源代码上签出结果。

Source: https://habr.com/ru/post/zh-CN436876/


All Articles