SAP Fiori Elements List Report 表格新增列扩展方式的工作原理试读版

简介: SAP Fiori Elements List Report 表格新增列扩展方式的工作原理试读版

本教程前一篇步骤,笔者已经向大家详细介绍了如何通过 Extension 的方式,在 SAP Fiori Tools 提供的向导,自动生成的 Fiori Elements List Report 应用里,添加新的表格列的步骤,效果如下图所示。

164feb8db5c5a02546c5d9128f118277.png

  • 10. 如何通过扩展(Extension)的方式给 SAP Fiori Elements List Report 的表格新增列

我们使用这篇教程里介绍的名叫 UI5 Inspector 的 Chrome 扩展,来查看扩展后渲染出的 Fiori Elements 页面:

b4680d5a7ced99aa816c281de372173c.png

可以发现,我们通过扩展方式新增的列 Extension Column1,已经同整个表格"完美融合"在了一起。

在 UI5 Inspector 里:

  • Fiori Elements 应用自动生成的表格列的 id 格式如下:

jerryfiorielement02::sap.suite.ui.generic.template.ListReport.view.ListReport::SEPMRA_C_PD_Product--listReport-MainProductCategory

  • 我们扩展的自定义列的 id:

jerryfiorielement02::sap.suite.ui.generic.template.ListReport.view.ListReport::SEPMRA_C_PD_Product--FioriTools::ext2-column1


通过比较发现,列 id 的前缀完全一致,区别只是 -- 后面的后缀。我们通过向导扩展的自定义列,id 后缀为 FioriTools::ext2-column1,其中 FioriTools 代表这个列通过 Fiori Tools 这个 Visual Studio Code 扩展生成,ext2-column1 是我们在本地工程 fragment 实现文件里手动指定的值。


本文余下部分介绍下面这两个问题的答案:


  1. 下图 webapp 文件夹中 manifest.json 文件内维护的扩展定义,运行时是如何被 Fiori Elements 框架解析的?


  1. 扩展向导生成的 ext 文件夹和里面两个 XML 格式的 Fragment 文件,运行时是如何被 Fiori Elements 框架解析,加载和渲染的?

d13ca45a102b32c0a842536135d12a5c.png

下面是详细解答。

相关文章
|
5月前
|
前端开发 数据库 开发者
如何在 SEGW 事务码里为 SAP ABAP OData 服务实现 Function Import 试读版
如何在 SEGW 事务码里为 SAP ABAP OData 服务实现 Function Import 试读版
|
5月前
|
BI 网络安全
如何使用 ABAPGit 在 SAP ABAP 系统安装 abap2xlsx 工具试读版
如何使用 ABAPGit 在 SAP ABAP 系统安装 abap2xlsx 工具试读版
|
5月前
|
XML 网络安全 开发工具
如何下载并安装 SAP ABAPGit,并完成 ABAP 服务器上 SSL 证书的配置试读版
如何下载并安装 SAP ABAPGit,并完成 ABAP 服务器上 SSL 证书的配置试读版
|
5月前
|
网络安全
实战分析 - 为什么有些 SAP ABAP 程序,启动之后界面有些按钮是灰色的试读版
实战分析 - 为什么有些 SAP ABAP 程序,启动之后界面有些按钮是灰色的试读版
关于 SAP ABAP OData 服务如何实现 Deep Insert 场景 - SAP 应用的标准行为试读版
关于 SAP ABAP OData 服务如何实现 Deep Insert 场景 - SAP 应用的标准行为试读版
SAP ABAP Subscreen 使用介绍试读版
SAP ABAP Subscreen 使用介绍试读版
SAP ABAP Subscreen 使用介绍试读版
|
5月前
|
数据库
如何查询 SAP ABAP 系统里消耗存储空间排名前几位的数据库表试读版
如何查询 SAP ABAP 系统里消耗存储空间排名前几位的数据库表试读版
如何查询 SAP ABAP 系统里消耗存储空间排名前几位的数据库表试读版
|
5月前
|
数据库 存储 BI
SAP ABAP CDS View 源代码存储的数据库表揭秘和其他相关数据库表介绍试读版
SAP ABAP CDS View 源代码存储的数据库表揭秘和其他相关数据库表介绍试读版
SAP ABAP CDS View 源代码存储的数据库表揭秘和其他相关数据库表介绍试读版
|
5月前
|
数据库
SAP S/4HANA 系统的底层基石 - 通过实际的例子,介绍 CDS View 入门级的概念试读版
SAP S/4HANA 系统的底层基石 - 通过实际的例子,介绍 CDS View 入门级的概念试读版
SAP S/4HANA 系统的底层基石 - 通过实际的例子,介绍 CDS View 入门级的概念试读版
|
5月前
|
数据库
迈入 SAP CDS View 世界的前置知识 - SAP ABAP 数据库视图介绍试读版
迈入 SAP CDS View 世界的前置知识 - SAP ABAP 数据库视图介绍试读版
迈入 SAP CDS View 世界的前置知识 - SAP ABAP 数据库视图介绍试读版
下一篇
无影云桌面