使用SAP Cloud Application Studio实现OVS(Object Value Selector)

简介: 使用SAP Cloud Application Studio实现OVS(Object Value Selector)

You might be interested about how to build Value Help in other SAP UI technology as well:


How to build value help in ABAP Webdynpro

How to build value help in CRM WebClient UI

How to build value help using SAPUI5 Smart field

My series of Cloud Application Studio Blogs

How to detect EditMode in an Embedded Component

Step by step to enable your custom BO with attachment upload functionality

Step by step to create an Adobe Print form in Cloud application Studio

How to render PDF which displays picture from the image attachment of your custom BO

How to get current logged on business user’s employee information and assigned organization unit via ABSL

How to implement dynamic access control based on custom BO using OWL

How to make Code List Restriction work when control field and restricted field are not on the same BO

How to implement custom number range using custom business object

Two approaches to create Code List in Cloud Studio

Create Dynamic Code List via Custom Business Object Association

Step by step to develop Thing Type based navigation and BO Object based navigation

Put Extension field into embedded component and make it visible in Standard UI

One possible cause that embedded component fails to display in UI

Step by step to create HTML Mashup and make it visible in UI

Step by step to enable Text Collection for your custom BO

Automatically send an Email notification to line manager via Workflow in Account application

Step by step to create Object Value Selector in Cloud Application StudioTwo approaches to fill an UI field with dedicated logic implemented in Cloud Application Studio

How to execute BO action on multiple selected BO instances in AdvancedListPane

(1) Create a new OVS based on Customer BO:


Remove the automatically generated query node in controller tab. Create a new SADL query, and select InternalID as query parameter.image.pngChoose another field BusinessPartnerFormattedName as search parameter as well. Select “Basic Find” checkbox to enable free text search.image.pngNow you should see these three fields in data tab which will be used to bind to search parameter field in UI later.

image.pngManually specify this new created SADL query in all automatically generated event handler. By default those event handler uses the query node automatically created during the OVS creation, this is the reason why you have to replace with your own SADL query instead.image.png(2) In Data tab, bind these two fields accordingly. Root/Items/InternalID will be passed back to OVS consumer.image.pngBind these two fields to Outport parameter as displayed below.image.png(3) Since the work in Data tab and controller tab are done, the left task is to draw search parameter field in Designer tab.image.pngDrag two Input field from Toolbox and bind them to the query parameter accordinglyimage.pngFinish default set mapping and FindForm modelling:image.pngimage.png(4) All development relevant on OVS component itself is done. Now it is ready to consume it in another UI component.

This is my BO which contains a field pointing to a reference customer ID:image.pngBind this BO field in UI and specify the UI field with DisplayType = ObjectValueSelector.image.pngAssign the created OVS component to this field:image.png

Test in runtime

Click F4 to open value help:image.pngSelect a given item in search result and the customer ID will be passed back to consumer UI:image.pngimage.pngYou can also use search field to search by Customer Name:image.png






相关文章
|
5月前
|
开发工具 Android开发 开发者
SAP ABAP Cloud 发展简史
SAP ABAP Cloud 发展简史
SAP ABAP Cloud 发展简史
|
5月前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
|
5月前
|
UED
什么是 SAP Commerce Cloud SmartEdit Product Carousel Component Editor
什么是 SAP Commerce Cloud SmartEdit Product Carousel Component Editor
|
5月前
|
数据库 存储 安全
使用 SAP HANA Cloud 的一些优势
使用 SAP HANA Cloud 的一些优势
使用 SAP HANA Cloud 的一些优势
|
5月前
|
SQL 监控 Oracle
SAP ABAP 系统错误 Return value of the database layer SQL dbsl rc 99
SAP ABAP 系统错误 Return value of the database layer SQL dbsl rc 99
|
5月前
|
机器学习/深度学习 搜索推荐 UED
SAP Commerce Cloud Context Driven Services 概述
SAP Commerce Cloud Context Driven Services 概述
|
5月前
|
监控 搜索推荐 安全
SAP Commerce Cloud Context Driven Services 里 profile-tag.js 的作用介绍
SAP Commerce Cloud Context Driven Services 里 profile-tag.js 的作用介绍
|
5月前
|
存储 消息中间件 搜索推荐
SAP Commerce Cloud Context Driven Services 的 clickStreamEvents HTTP 请求
SAP Commerce Cloud Context Driven Services 的 clickStreamEvents HTTP 请求
|
5月前
|
机器学习/深度学习 人工智能 搜索推荐
SAP Commerce Cloud 智能销售服务 (Intelligent Selling Services)概述
SAP Commerce Cloud 智能销售服务 (Intelligent Selling Services)概述
|
5月前
|
安全 UED 开发者
SAP Commerce Cloud 配置项 refreshWithLock=false 的作用介绍
SAP Commerce Cloud 配置项 refreshWithLock=false 的作用介绍
下一篇
无影云桌面