本教程前一篇步骤,笔者已经向大家详细介绍了如何通过
Extension 的方式,在 SAP Fiori Tools 提供的向导,自动生成的 Fiori Elements List Report 应用里,添加新的表格列的步骤,效果如下图所示。
我们使用这篇教程里介绍的名叫
UI5 Inspector 的 Chrome 扩展,来查看扩展后渲染出的 Fiori Elements 页面:
可以发现,我们通过扩展方式新增的列
Extension Column1,已经同整个表格
"完美融合"在了一起。
在 UI5 Inspector 里:
jerryfiorielement02::sap.suite.ui.generic.template.ListReport.view.ListReport::SEPMRA_C_PD_Product--listReport-MainProductCategory
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 实现文件里手动指定的值。
本文余下部分介绍下面这两个问题的答案:
下图 webapp 文件夹中
manifest.json 文件内维护的扩展定义,运行时是如何被 Fiori Elements 框架解析的?
扩展向导生成的 ext 文件夹和里面两个 XML 格式的 Fragment 文件,运行时是如何被 Fiori Elements 框架解析,加载和渲染的?
下面是详细解答。
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/24475491/viewspace-2973602/ ,如需转载,请注明出处,否则将追究法律责任。