生活随笔
收集整理的這篇文章主要介紹了
在SAP C4C TI(Thing Inspector)页面里添加自定义UI
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
SAP C4C的自開發(fā)UI可以放到Embedded Component里去，如下圖所示，在Cloud Application Studio里創(chuàng)建一個新的Embedded Component：
我在這個自開發(fā)頁面里就放了一個input field：
如果想把包含了這個input field的Embedded Component放到Sales Lead的TI頁面去，UI designer里切換到Extensibility explorer，選中想要把EC放置到的目標區(qū)域，點擊按鈕：Add Embedded Component to Pane：
彈出對話框，在Embedded Component字段里，選擇我們剛剛創(chuàng)建的EC：
Embedded Component必須提前創(chuàng)建好Inport，這個例子里我創(chuàng)建的Inport取名fromLead, 有一個輸入?yún)?shù)ObjectID
左邊的Source區(qū)域，Outport選擇PublicOutportECLeadProduct，參數(shù)選擇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的原創(chuàng)文章，請關注公眾號"汪子熙":
總結
以上是生活随笔為你收集整理的在SAP C4C TI(Thing Inspector)页面里添加自定义UI的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。
