SAP Cloud for Customer UI Designer里如何消费Object Value Selector(OVS)
2023-09-14 09:02:59 时间
先看最后实现的效果:
我有一个字段,用户既手动输入Employee ID,也可以点击字段的矩形框,打开Value help:
假设我选中ID为1的Employee,则其first name和last name,会自动填充到UI 对应字段上,即SAP 从业人员经常说的“自动带出来”。
下面是详细的实现步骤。
- 按照这篇文章SAP Cloud for Customer(C4C)里如何定义跨BO间的association的介绍,定义出ParkingSpace这个子节点和ToEmployee association:
- 在UI Designer里,将要分配Object Value Selector的UI字段,绑定到BO 子节点ParkSpace的ParkingSpace_AssignedEmployeeID上去。
完整绑定路径如下:
./InputField->http://refsystems.sap.com/YS5XJ942Y_->Root-.ParkingSpace-~ParkingSpace_AssignedEmployeeID
Appearance下的Display Type,维护成Object Value Selector:
Value Help指定成:/SAP_BYD_APPLICATION_UI/publicovs/employeeid/EmployeeID.OVS.uicomponent
- 将自动贷出来的Given Name和Family Name,分别绑定到ToEmployee association上指向Employee节点的GivenName和FamilyName字段上。
完整的绑定路径分别为:
- ./GivenName->http://refsystems.sap.com/YS5XJ942Y_->Root-.ParkingSpace-.ToEmployee-.CurrentCommon-Person-Name-~GivenName
- ./FamilyName->http://refsystems.sap.com/YS5XJ942Y_->Root-.ParkingSpace-.ToEmployee-.CurrentCommon-Person-Name-~FamilyName
- 最后,在子节点ParkingSpace上,创建AfterModify并实现:
ABSL实现最核心的逻辑就是,将用户输入的employee ID作为输入参数,调用employee BO提供的QueryByEmployeeAttributes,去Cloud for Customer数据库查询Employee实例数据,并将其Root节点返回给自定义BO的toEmployee association.
以上就是完整的实现步骤。
更多Jerry的原创文章,尽在:“汪子熙”:
相关文章
- 使用soapUI消费SAP Cloud for Customer的web service
- 两种在SAP Cloud Application Studio里通过编程对C4C UI字段赋值的方法
- SAP CRM和Cloud for Customer的UI界面皮肤更改
- SAP Commerce Cloud Spartacus UI 的购物车 Cart 功能
- 如何获取 SAP Commerce Cloud Spartacus UI 购物车 Cart 的加载状态
- SAP Commerce Cloud UI(Spartacus Storefront) 的用户会话管理
- SAP Cloud for Customer Embedded report(嵌入式报表)使用介绍
- SAP Cloud for Customer OData v1和v2的区别
- SAP Cloud for Customer使用postman读取user profile的web service
- SAP Cloud for Customer里的ticket回复UI的实现
- SAP Cloud for Customer对UI界面元素文本的调整原理
- SAP Cloud for Customer对UI界面元素文本的调整原理
- SAP Cloud for Customer的Calculated field字段
- SAP Commerce Cloud Spartacus UI footer 区域的设计模型
- 关于 Hybris (SAP Commerce Cloud)产品的客户群
- SAP Commerce Cloud 的 Simple Responsive Banner Component
- how to create Employee in SAP Cloud Platform
- 如何用Java代码在SAP Marketing Cloud里创建contact数据
- SAP Cloud Connector里点击Check按钮的可达性roundtrip实现
- SAP Cloud SDK for JavaScript 的搭建和使用方法介绍
- 如何在 SAP BTP 平台上启用 HANA Cloud 服务
- SAP CRM Fiori 应用和 SAP Commerce Cloud (电商云) UI 如何通过调整 CSS 来改变UI显示风格
- 如何使用SAP Cloud for Customer的Key User Tool将Mashup添加到UI上
- SAP C4C里嵌入SAP Analytics Cloud的案例
- 使用url参数传递SAP Analytics Cloud filter的一个例子
- SAP Analytics Cloud学习笔记(一):从CSV文件导入数据到Analytics Cloud里创建模型和Story
- SAP Cloud for Customer对UI界面元素文本的调整原理
- SAP 电商云 Spartacus UI 和 SmartEdit 本地测试环境