SAP Cloud for Customer UI Designer里如何消费Object Value Selector(OVS)

简介: SAP Cloud for Customer UI Designer里如何消费Object Value Selector(OVS)

先看最后实现的效果:

我有一个字段,用户既手动输入Employee ID,也可以点击字段的矩形框,打开Value help:image.png假设我选中ID为1的Employee,则其first name和last name,会自动填充到UI 对应字段上,即SAP 从业人员经常说的“自动带出来”。image.pngimage.png下面是详细的实现步骤。

  1. 按照这篇文章SAP Cloud for Customer(C4C)里如何定义跨BO间的association的介绍,定义出ParkingSpace这个子节点和ToEmployee association:

image.png

  1. 在UI Designer里,将要分配Object Value Selector的UI字段,绑定到BO 子节点ParkSpace的ParkingSpace_AssignedEmployeeID上去。

完整绑定路径如下:image.pngAppearance下的Display Type,维护成Object Value Selector:image.pngValue Help指定成:/SAP_BYD_APPLICATION_UI/publicovs/employeeid/EmployeeID.OVS.uicomponentimage.png

  1. 将自动贷出来的Given Name和Family Name,分别绑定到ToEmployee association上指向Employee节点的GivenName和FamilyName字段上。image.png完整的绑定路径分别为:


./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并实现:


image.pngABSL实现最核心的逻辑就是,将用户输入的employee ID作为输入参数,调用employee BO提供的QueryByEmployeeAttributes,去Cloud for Customer数据库查询Employee实例数据,并将其Root节点返回给自定义BO的toEmployee association.


image.png以上就是完整的实现步骤。

相关文章
|
5月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
5月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
5月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
5月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
|
5月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
|
5月前
|
Web App开发 开发者 存储
介绍一个 webp 格式转 png 格式的软件:XNConvert
介绍一个 webp 格式转 png 格式的软件:XNConvert
介绍一个 webp 格式转 png 格式的软件:XNConvert
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
|
5月前
【UI】elementui select点击获取label 和 value
【UI】elementui select点击获取label 和 value
30 1
|
5月前
|
Java BI API
SAP Cloud for Customer 里如何通过 ABSL 二次开发方式消费 SAP S/4HANA 系统的 API
SAP Cloud for Customer 里如何通过 ABSL 二次开发方式消费 SAP S/4HANA 系统的 API
下一篇
无影云桌面