在SAP C4C TI(Thing Inspector)页面里添加自定义UI

SAP C4C的自开发UI可以放到Embedded Component里去，如下图所示，在Cloud Application Studio里创建一个新的Embedded Component：

我在这个自开发页面里就放了一个input field：

如果想把包含了这个input field的Embedded Component放到Sales Lead的TI页面去，UI designer里切换到Extensibility explorer，选中想要把EC放置到的目标区域，点击按钮：Add Embedded Component to Pane：

弹出对话框，在Embedded Component字段里，选择我们刚刚创建的EC：

Embedded Component必须提前创建好Inport，这个例子里我创建的Inport取名fromLead, 有一个输入参数ObjectID

左边的Source区域，Outport选择PublicOutportECLeadProduct，参数选择SalesLeadID，点击Bind进行绑定。这样TI页面的Lead ID的值就能传递到Embedded Component里了：

生成的change transaction如下：

<ChangeTransaction xmlns="http://www.sap.com/a1s/cd/oberon/uimodelchange-1.0" embeddingContext="" userType="Partner" user="K903ZOYBX3I" type="AddRemoveECToScreen" xrepPath="/YS5XJ942Y_MAIN/CHANGE_TRANSACTIONS/Partner/AddRemoveECToScreen/45d47fb08c09448f8e31d0df0871ff8d.uichange" id="9386162a9e6f4ac083855959e6441d38"><UsedAnchor type="PaneContainerAnchor" xrepPath="/SAP_BYD_UI_FLEX/STABLE_ANCHORS/PaneContainerAnchor/UY3wFQ8MMqAhxwrWp2Co3G.uianchor"><ReferencedAnchor type="OutPortAnchor" xrepPath="/SAP_BYD_UI_FLEX/STABLE_ANCHORS/OutPortAnchor/_9sw_Z26$4kqtD5LK_7isW.uianchor"/><AddECtoScreen title="Jerry Embedded Component test" textPoolId="7b909085b8bb4df1a3ba78467bbea288" InportName="fromLead" targetComponentID="/YS5XJ942Y_MAIN/SRC/ARCard/EC031801.EC.uicomponent"><PassParameter inParamName="ObjectID" outParamName="SalesLeadID"/></AddECtoScreen></UsedAnchor></ChangeTransaction>

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

在SAP C4C TI(Thing Inspector)页面里添加自定义UI相关推荐

如何将SAP C4C TI页面的值传递到Embedded Component里去
先看最后达到的效果,下图蓝色矩形框是我自开发的UI,里面的ID 25234来自C4C标准的Lead UI里的Lead ID.这个值是如何从Lead Thing Inspector UI传递到Embed ...
如何创建HTML Mashup并插入到SAP Cloud for Customer标准页面里
在SAP Cloud for Customer的Cloud Application Studio里,在Mashups and Web Services的新建菜单里,创建一个HTML Mashup: p ...
如何创建URL Mashup并插入到SAP Cloud for Customer标准页面里
打开SAP Cloud for Customer的Cloud Application Studio,在Mashups and Web Services里创建一个新的URL Mashup: C4C的UR ...
SAP C4C HTML Mashup initializePane方法里的Inport和Navigation处理
在Cloud Application Studio里创建的HTML mashup,保存到C4C后台后,其元数据再被读取到前端消费,格式如下: 我在C4C UI上指定的Mashup参数,URL的值如下: ...
如何通过outlet在SAP Spartacus的产品明细页面插入自定义UI
创建一个新的module: ng g m myOutlets 再基于该module创建一个Component,注意module的命名规范: 在生成的MyOutletsModule里,导入OutletR ...
使用outlet在SAP Spartacus中添加自定义UI
outlet 或者在SAP Spartacus中硬编码,或者通过CMS driven. Angular里添加自定义UI的原理是基于TemplateRef, 通过ng-template Componen ...
SAP C4C Lead明细页面里Account字段的绑定路径
和SAP CRM的呼叫中心一样,SAP C4C也支持社交媒体渠道的导入: 每个channel可以绑定一个mashup web service: 这个CW00012的url: 如何获得客户主数据绑定的s ...
如何使用SAP C4C Repository Explorer里的BO test shell
在SAP研究院做过SAP Business ByDesign和SAP Cloud for Customer后台开发的小伙伴们,都知道ABAP 里 BO test shell这个工具. 在C4C Clo ...
SAP系统和微信集成的系列教程之十：如何在SAP C4C系统里直接回复消息给微信用户
本系列的英文版Jerry写作于2017年,这个教程总共包含十篇文章,发表在SAP社区上. 系列目录 (1) 微信开发环境的搭建 (2) 如何通过微信公众号消费API (3) 微信用户关注公众号之后,自 ...

在SAP C4C TI(Thing Inspector)页面里添加自定义UI

在SAP C4C TI(Thing Inspector)页面里添加自定义UI相关推荐

最新文章

热门文章