Fiori Elements Object Page 页面如何通过扩展的方式，新增自定义字段

最新推荐文章于 2025-04-29 18:38:40 发布
最新推荐文章于 2025-04-29 18:38:40 发布
阅读量276 收藏 1
点赞数 14
分类专栏： SAP Fiori Elements 从入门到进阶 文章标签： SAP Fiori Elements Fiori SAP UI5 ui5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i042416/article/details/147596869
版权

笔者之前的教程文章，详细介绍了 Fiori Elements Object Page 页面 Header Facet 的设计，使用方法和工作原理。

所谓 header facet, 就是指下图红色方框高亮区域的内容。

通过本教程之前文章的讲解，我们得知无论是 Fiori Elements List Report，还是 Object Page 这些应用，其 UI 显示的内容，都是 OData 模型的元数据，加上注解(Annotations)来实现的，即所谓的元数据驱动设计理念(Metadata driven).

了解本专栏 订阅专栏 解锁全文
如何给 Fiori Elements Object Page 页面添加自定义按钮
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
05-01 10
因为 command 可以出现在 Fiori Elements List Report Smart Table 的 Toolbar 或者 Object Page 的 header 区域，因此接下来，我们需要在 Control Extension 里，指定让 Object Page 的某个。如果大家在 manifest.json 文件里配置了 Command，但最后 Object Page 的 header 区域，却看不到期望的自定义按钮显示出来，那么大家可以根据笔者下图提供的两张截图，在。
如何给 Fiori Elements Object Page Header Facet 新增的字段添加数据绑定
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-29 348
添加的这个 Button 字段，单击它，在右边的 Bindings 区域就能看到这个扩展字段的绑定上下文了。在行项目里任意选择 List Report Smart Table 里一个产品，点击之后进入 Object Page 页面，然后打开 Chrome 开发者工具的。所以我们如果要给新添加的扩展字段设置数据绑定，只需要选择 Binding context 列表里罗列的这些字段名称即可，在黄色区域里任意选择一条都行。，这样在 Control inspector 的结果里，只会显示所有的。
5. Fiori Elements Object Page 页面 Header 字段显示背后设计原理的深入介绍
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-25 215
我们通过上图所示的 Network 面板里打开 Fiori Elements 运行时从远端加载的注解文件，笔者提前把这个注解文件下载好了，放到了笔者的。Label 即标签，通过上图黄色区域的 SmartLabel 实现，而实际的业务字段值，通过蓝色的 SmartField 实现。，观察 Fiori Elements Object Page Header 区域，发现 Header 区域的字段，都是。该帮助文档告诉我们，Fiori Elements Object Page Header 区域的字段，通过注解。
4. Fiori Elements Object Page 页面 Header 区域的图片显示原理
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-24 19
我们本文前面提到的在 Chrome 开发者工具 Network 面板观察到加载的 Object Page 的模版文件，笔者已经上传到 Github。换言之，开发人员通过这个注解，告诉 Fiori Elements 框架：当你在运行时准备渲染 Object Page 模版时，你一看到。请求，从 response 里，将上图黄色区域，全部拷贝到本地，另存为 json 文件即可。下面蓝色高亮区域清楚说明了，Object Page 图片的 src，来自注解。为了方便大家学习，笔者也将其下载到本地，然后上传到。
Fiori Elements Object Page Controller Extension 的一个具体例子
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-29 16
controller extension 的定位：它是 Fiori Elements 提供的官方注入点，用于在保持元数据驱动 UI 的一致体验的同时，让开发者写少量 JavaScript 代码弥补特殊业务需求 (manifest 片段的三要素键标识需要被扩展的标准视图。字段注册你的扩展控制器类。内嵌对象将扩展与具体 EntitySet 绑定，确保运行时能拿到正确的 OData 上下文。落地步骤：在下创建，继承并重写生命周期或 Routing 钩子 (随后为 Manifest 补全配置即可。
什么是 SAP Fiori Elements Object Page 的 Header Facets
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-25 10
Header Facets 是显示在 Object Page 页眉部分的一组信息元素，为用户提供关键摘要和状态信息，通常用来呈现最重要的字段或可视化指标:)`。在 Fiori Elements 中，Header Facets 已预定义了多种类型，开发者可以直接使用，也可以通过注解方式进行扩展 (
1. Fiori Elements Object Page 工作原理深入讲解：剖析页面主标题和副标题显示原理
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-23 91
单击我下图里的图例1，就可以看到 JSON 模型的全部内容，以及主标题和副标题绑定到 JSON 模型上两个字段 objectTitle 和 objectSubtitle 的值了。SAP Fiori Elements 中 List Report 的 Smart table 里的行项目，单击后，跳转到 Object Page 的行为是默认的，定义在。我们使用 F12 打开 Chrome 开发者工具，切换到 Elements 面板，能看到这个所谓的 Object Page header 区域，id 为。
sap.uxap 命名空间全面解析 - SAP Fiori Elements Object Page 的技术基石
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-25 15
在 SAP UI5 与 OpenUI5 中，sap.uxap 命名空间专门承载了与 Object Page 设计模式相关的所有核心控件与元素。它通过提供 ObjectPageLayout、ObjectPageSection、ObjectPageSubSection 等组件，为开发者构建响应式、可扩展的面向详细视图的企业级应用奠定基础 (
SAP Fiori Tools Application Modeler：用可视化方式掌控 Fiori Elements 应用的骨架与灵魂
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-27 36
Application Modeler 让 Fiori Elements 的元数据世界真正“长出面孔”。Page Map 展现骨架，Page Editor 雕琢细节，两者合力，把过去在与注解文件之间来回切换的痛点转化为图形化拖拽。嵌入式预览让开发周期成倍压缩，社区插件生态也持续丰富。在未来，随着 TypeScript 与 UI5 自定义控件的深度集成，Application Modeler 将继续降低企业级 SAP UI 的学习门槛，助力更多团队快速上线高质量应用。
javaee电子商城系统课程设计样本.doc
05-01
javaee电子商城系统课程设计样本.doc
scratch少儿编程逻辑思维游戏源码-糖果大爆险.zip
05-01
scratch少儿编程逻辑思维游戏源码-糖果大爆险.zip
spring-boot-2.7.2.jar中文-英文对照文档.zip
05-01
# 压缩文件中包含： 中文-英文对照文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字： jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 # 特殊说明： ·本文档为人性化翻译，精心制作，请放心使用。 ·只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； ·不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件；
spring-boot-1.3.6.RELEASE.jar中文-英文对照文档.zip
05-01
# 压缩文件中包含： 中文-英文对照文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字： jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 # 特殊说明： ·本文档为人性化翻译，精心制作，请放心使用。 ·只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； ·不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件；
GIS安装施工综合方案.doc
05-01
GIS安装施工综合方案.doc
基于PHP+CSS+JS+MySQL的选题系统源码——B/S架构下多角色登录与权限管理
05-01
内容概要：本文详细介绍了选题系统源码，涵盖PHP、CSS、JavaScript和MySQL四种核心技术。系统采用B/S架构，支持管理员、审核员、教师和学生四种身份登录，每种身份有独立的功能权限。文中提供了详细的环境搭建指南，如使用phpStudy和Navicat进行项目管理和数据库操作。此外，还展示了关键代码片段，如登录验证、权限管理、数据库设计以及界面优化方法。同时，针对性能优化提出了建议，如解决N+1查询问题的方法。 适合人群：适用于有一定编程基础，尤其是对PHP和Web开发感兴趣的开发者和技术爱好者。 使用场景及目标：① 学习并掌握B/S架构的应用开发流程；② 实践多角色登录和权限管理的具体实现；③ 提升Web应用的界面优化和用户体验；④ 掌握数据库设计和性能优化技巧。 其他说明：本文不仅提供了完整的代码示例，还包括了详细的开发文档和支持材料，帮助读者快速上手并深入理解整个项目的构建过程。
scratch少儿编程逻辑思维游戏源码-下水道冒险猫.zip
05-01
scratch少儿编程逻辑思维游戏源码-下水道冒险猫.zip
scratch少儿编程逻辑思维游戏源码-下雨时向北的路.zip
05-01
scratch少儿编程逻辑思维游戏源码-下雨时向北的路.zip
三相下垂双逆变器同步并联控制技术的研究与应用
最新发布
05-01
内容概要：本文深入探讨了三相下垂双逆变器同步并联控制技术，重点介绍了下垂控制的基本原理及其在微电网中的应用。文章详细解释了下垂控制如何通过调整频率和电压幅值来实现负载的自动分配，并讨论了在多台逆变器并联时可能出现的环流问题以及解决方案，如虚拟阻抗法。此外，还介绍了同步环节的关键技术，特别是改进型锁相环的应用，并提供了具体的实现代码示例。最后，文章分享了一些实用的调试技巧和经验，强调了参数整定的重要性。 适用人群：从事电力电子、微电网控制领域的研究人员和技术人员。 使用场景及目标：适用于希望深入了解三相下垂双逆变器同步并联控制技术的工程师和科研人员，旨在帮助他们掌握核心技术，解决实际工程中的问题。 其他说明：文中提供的代码示例和调试方法有助于读者更好地理解和应用相关技术，提高系统的稳定性和性能。
spring-data-redis-1.2.1.RELEASE.jar中文-英文对照文档.zip
05-01
# 压缩文件中包含： 中文-英文对照文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字： jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 # 特殊说明： ·本文档为人性化翻译，精心制作，请放心使用。 ·只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； ·不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件；
我是list report模式生成的 ，没有xml view
04-04
首先，SAP Fiori Elements提供了几种模板，如List Report和Object Page，这些模板是基于元数据驱动的开发模式，减少了手动编写XML或JavaScript代码的需求。当用户使用List Report模板时，框架会自动生成UI，而不需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪子熙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值