SAP Cloud for Customer跨component的跳转
SAP CRM WebUI里的跨UI component跳转大家都很熟悉了,常见的场景是从search result的hyperlink里点击进入overview page.
在C4C里, end user也是通过同样的方式从search result进入overview page, 实现的方式和CRM WebUI稍有不同,search result 和overview 通过一个叫thing type的model联系起来,search result 里的一个hyperlink field绑到了thing type, thing type又绑定了overview page ( C4C里叫thing insepctor ), 这样runtime的时候,C4C的UI框架(名叫Oberon)就能通过thing type解析出navigation target, 即Overview page.
Artifacts involved in cross component navigation in C4C
![](https://user-images.githubusercontent.com/5669954/54251886-c8003580-4583-11e9-93d4-47496bba4794.png)
(1) there is one field in result list rendered as hyperlink, bound to BO uuid field
![](https://user-images.githubusercontent.com/5669954/54251887-c8003580-4583-11e9-967e-ac82577c6fcf.png)
(2) BO uuid field is bound to my thing type model:
![](https://user-images.githubusercontent.com/5669954/54251888-c898cc00-4583-11e9-9782-ecc723d639c5.png)
(3) My thing type is assigned with overview page Jerry_TI, so that in the runtime, Jerry_TI is identified as navigation target.
![](https://user-images.githubusercontent.com/5669954/54251889-c898cc00-4583-11e9-9bd0-a4f908152f81.png)
最后实现的效果:
click hyperlink 333,
![](https://user-images.githubusercontent.com/5669954/54251890-c898cc00-4583-11e9-9f06-6c495a2e1284.png)
and it will navigate to detail page with instance id 333:
![](https://user-images.githubusercontent.com/5669954/54251891-c9316280-4583-11e9-85d6-1eb204f77741.png)
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
相关文章
- Deploy your UI5 application into SAP Cloud Platform and launch as a tile
- SAP Cloud for Customer 如何直接消费S/4HANA API
- SAP Commerce Cloud 如何为 Storefront 配置新的应用
- SAP Commerce Cloud Spartacus UI 4.0.1 版本的安装
- 如何下载 SAP Cloud for Customer Cloud Application Studio
- 如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地
- SAP Cloud for Customer Embedded report(嵌入式报表)使用介绍
- SAP Cloud for Customer的Data Source测试
- 使用SAP Cloud for Customer Product OData服务读取产品主数据和其图片信息
- 如何查询SAP Cloud for Customer系统升级和维护时间
- SAP Cloud for Customer的后台作业
- 使用Excel导入数据到SAP Cloud for Customer系统
- 给硬件工程师介绍SAP Cloud for Customer
- SAP Cloud for Customer的duplicate check最后是通过什么模型实现的
- SAP Cloud for Customer的Calculated field字段
- 使用 Java 11 安装 SAP Commerce Cloud 1905 的一些常见问题
- 通过一个具体的例子,讲解 SAP Cloud Platform Integration(CPI) 的使用方法
- SAP Commerce Cloud 架构概述
- SAP Cloud for Customer Cloud Application Studio implementation manager
- SAP Analytics Cloud里根据数据的经纬度绘制地图
- 为SAP Analytics Cloud的story创建持久化页面
- 使用测试帐号访问SAP云平台Cloud Foundry Cockpit的错误消息