先看最后实现的效果：

我有一个字段，用户既手动输入Employee ID，也可以点击字段的矩形框，打开Value help：

![](https://img-blog.csdnimg.cn/img_convert/15fdf27c9f683fc5c8ac14bdf3bdecd8.png)

假设我选中ID为1的Employee，则其first name和last name，会自动填充到UI 对应字段上，即SAP 从业人员经常说的“自动带出来”。

![](https://img-blog.csdnimg.cn/img_convert/d5613a9819a50e6e33d1fb1e9cb73a73.png)

![](https://img-blog.csdnimg.cn/img_convert/cf153c9b02ee1569e3e1e1a7ccb03771.png)

下面是详细的实现步骤。

1. 按照这篇文章[SAP Cloud for Customer(C4C)里如何定义跨BO间的association](https://jerry.blog.csdn.net/article/details/115256510)的介绍，定义出ParkingSpace这个子节点和ToEmployee association：

![](https://img-blog.csdnimg.cn/img_convert/a045049f1a6d81bd5a91d9b8bc903141.png)

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

完整绑定路径如下：

> ./InputField->http://refsystems.sap.com/YS5XJ942Y_->Root-.ParkingSpace-~ParkingSpace_AssignedEmployeeID

![](https://img-blog.csdnimg.cn/img_convert/f26851327c88bf0734c6907e67834684.png)

Appearance下的Display Type，维护成Object Value Selector：

![](https://img-blog.csdnimg.cn/img_convert/c30db147d8af3cf711bcbbed116903c0.png)

Value Help指定成：/SAP_BYD_APPLICATION_UI/publicovs/employeeid/EmployeeID.OVS.uicomponent

![](https://img-blog.csdnimg.cn/img_convert/00189f79a6b26ec4feda2dd631d47443.png)

3. 将自动贷出来的Given Name和Family Name，分别绑定到ToEmployee association上指向Employee节点的GivenName和FamilyName字段上。

![](https://img-blog.csdnimg.cn/img_convert/30b64ac2abc11f4cad84f1a39f5ff549.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

4. 最后，在子节点ParkingSpace上，创建AfterModify并实现：

![](https://img-blog.csdnimg.cn/img_convert/df350f7570752e9f8e5fd6d55a3fab28.png)

ABSL实现最核心的逻辑就是，将用户输入的employee ID作为输入参数，调用employee BO提供的QueryByEmployeeAttributes，去Cloud for Customer数据库查询Employee实例数据，并将其Root节点返回给自定义BO的toEmployee association. 
![](https://img-blog.csdnimg.cn/img_convert/0858c572792cd6201e1bed859a6d5761.png)

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

ITPub博客

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

最新文章