如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地

我们用SAP Cloud for Customer的UI Designer打开某个UI模型之后,点击工具栏上的"Show Component XML"按钮:

如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地_第1张图片

就可以把整个UI Component的xml实现源代码全部下载到本地:

如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地_第2张图片

SAP Cloud for Customer(C4C)搜索UI的层级结构实现:

  1. UXView
  2. ViewContainerRegion
  3. View
  4. PageContainer
  5. AdvancedListPane

UXView:

如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地_第3张图片

ViewContainerRegion:
如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地_第4张图片

View:

如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地_第5张图片

Page Container:

如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地_第6张图片

AdvancedListPane:

如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地_第7张图片

我们可以在Sales Order 搜索模型的xml源代码里找到对应的节点和其属性:

如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地_第8张图片

xml模型源代码里的这些层级结果,也对应在最后渲染出的html源代码里:

如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地_第9张图片

同样,SAP C4C UI Designer UI模型面板里看到的这些属性,其实都是UI Designer IDE,根据UI xml源代码绘制而成的。比如名叫Ev_RefreshList的event handler,

如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地_第10张图片

在xml源代码里对应的位置:

如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地_第11张图片

更多Jerry的原创文章,尽在:"汪子熙":

你可能感兴趣的:(如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地)