如何将SAP Cloud for Customer的扩展字段放置到Embedded Component中

简介: 如何将SAP Cloud for Customer的扩展字段放置到Embedded Component中

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 Studio

Requirement

Create extension field , put it to a given embedded component and finally make it visible in standard UI.


(1) Create an extension field on Opportunity root node and implement an action to calculate whether the current opportunity is over due:


image.png


The check logic for over due is simply based on the comparison between current system date and closed date maintained in opportunity header.

image.png

(2) Create a new embedded component OppEC, create two data field and bind them to standard BO field ID and extension field IsOverDue.


image.png


Create a checkbox UI element in the embedded component and bind it to ID field.

Create a button in order to execute OverdueCheck action.


image.png


Switch to embedded component’s controller tab, create an unbound data field OpportunityID, and use it as BOOperation Read’s parameter. This unbound data filled will be filled with values passed from inport to be created soon.


image.png


Create an inport and declare the parameter bound to OpportunityID.

image.png



Assign the created event handler to OnFire attribute of this inport.


Create another event handler overDueCheck and bind the BO action OverdueCheck whose implementation is done by our ABSL code.


image.png


(3) Add the embedded component to Opportunity TI overview tab,


image.png


and bind the parameter defined in standard outport to the parameter declared in my custom inport in embedded component OppEC:


image.png


Now we could test in UI: select an opportunity whose close date is yesterday, and click check button:


image.png


After that the is Overdue check box is set as selected, meantime we could observe the corresponding roundtrip from Chrome development tool which indicates the due check is done successfully with due indicator marked as X:

image.png


相关文章
|
3月前
|
UED
使用 SAP CRM Application Enhancement Tool 创建类型为下拉菜单的扩展字段
使用 SAP CRM Application Enhancement Tool 创建类型为下拉菜单的扩展字段
27 0
|
Web App开发
如何将SAP Cloud for Customer的扩展字段放置到Embedded Component中
如何将SAP Cloud for Customer的扩展字段放置到Embedded Component中
如何将SAP Cloud for Customer的扩展字段放置到Embedded Component中
|
移动开发 HTML5
SAP Cloud for Customer的Mashup位于CustomPane里
SAP Cloud for Customer的Mashup位于CustomPane里
SAP Cloud for Customer的Mashup位于CustomPane里
Cloud for Customer UI Designer里embedded component刷新的讨论
Cloud for Customer UI Designer里embedded component刷新的讨论
52 0
Cloud for Customer UI Designer里embedded component刷新的讨论
如何为SAP Cloud for Customer Lead页面配置自定义的Source字段
如何为SAP Cloud for Customer Lead页面配置自定义的Source字段
如何为SAP Cloud for Customer Lead页面配置自定义的Source字段
SAP Cloud for Customer 2102版本如何使用Key User Tool创建扩展字段 - extension field
SAP Cloud for Customer 2102版本如何使用Key User Tool创建扩展字段 - extension field
SAP Cloud for Customer 2102版本如何使用Key User Tool创建扩展字段 - extension field
Cloud for Customer的设置加载机制
Cloud for Customer的设置加载机制
37 0
Cloud for Customer的设置加载机制
|
小程序 机器人
如何在SAP Cloud for Customer页面嵌入自定义UI
最近Jerry所在的团队在做一个智能名片的项目,销售代表可以使用微信小程序创建智能名片,发布一些促销信息,分享到微信平台上(朋友圈或微信群)。点击名片的人可以浏览该销售负责售卖的商品,查看商品的参数等各种明细信息,并可以同名片绑定的智能机器人进行简单的对话,询问本次促销活动的更多信息。 假设一位汽车销售负责销售如下三款汽车,这些汽车作为产品主数据维护在C4C系统中。
如何在SAP Cloud for Customer页面嵌入自定义UI
hybris backoffice 产品属性和sample data的对应关系
hybris backoffice 产品属性和sample data的对应关系
69 0
|
存储 JavaScript 前端开发
SAP Cloud for Customer的Container应用设计原理
SAP Cloud for Customer的Container应用设计原理
79 0
SAP Cloud for Customer的Container应用设计原理