专栏首页Jerry的SAP技术分享在SAP C4C TI(Thing Inspector)页面里添加自定义UI

在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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 使用pscp从windows电脑拷贝数据到linux遇到的ssh_init错误

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    Jerry Wang
  • 使用SAP WebIDE进行SAP Cloud Platform Business Application开发

    在WebIDE的Preferences里,启用SAP WebIDE扩展:SAP Cloud Platform Business Application deve...

    Jerry Wang
  • SAP Spartacus自定义Component的使用

    而Component的html实现,只是简单的显示一行字符串:This is a custom banner component

    Jerry Wang
  • 如何在 Windows 下像 Mac 一样优雅开发

    起因:之前一直用 Mac 开发,换了家公司,只许用 Windows 下开发,说实话,一开始我是拒绝的,可自从看到了这几个工具以后...... 下文大标题说明:(...

    非著名程序员
  • 「镁客·请讲」圣创智能刘圣佳:以科技之名,RED Board将改变你的出行方式

    镁客网
  • 由“淘时代”进入“拼时代”的底层逻辑

    混沌大学李善友曾经这样评价黄峥,他看到了别人看不到的,并且让拼多多在饱和竞争领域实现了神奇增长。

    孟永辉
  • 《三》Swoole WebSocket 的应用

    WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。

    新亮
  • WebStorm:遇到的问题

    最近自己WebStorm用得多一点了 和android studio一样,同样是IDEA的ide (记得自己还是eclipse的时候,原来同事很早就开始用I...

    dodo_lihao
  • 学习Moco接口框架

    Moco框架是Github上的一个开源项目,可以模拟一些http、https、socket协议。

    用户5521279
  • 九个问题带您了解央行数字货币的前世今生

    中国法定数字货币“现在可以说是呼之欲出了。”中国人民银行支付结算司副司长穆长春8月10日在第三届中国金融四十人伊春论坛上的发言,再一次将央行法定数字货币推到了大...

    互融云

扫码关注云+社区

领取腾讯云代金券