CostCenter list對應的HTML dom元素：cx-org-list class=orgCostCenter

cx-org-list selector實現的Component：ListComponent

TODO:研究這個class什么時候加上去的：

list里Add button的url是根據當前頁面綁定的模型，動態創建的：

誰使用了cx-org-list這個selector來展示list？

CompanyPageTemplate

我們來觀察一下進入cost center 列表時，Spartacus向后臺發送的HTTP請求：

https://spartacus-dev0.eastus.cloudapp.azure.com:9002/occ/v2/powertools-spa/cms/pages?pageType=ContentPage&pageLabelOrId=%2Forganization%2Fcost-centers&lang=en&curr=USD

參數：

響應：

uid：ManageCostCenters
BodyContentSlot-ManageCostCenters這個slot id里，存放了CMS Component：ManageCostCentersListComponent

根據這個關鍵字到Spartacus里查找：

即可發現ManageCostCentersListComponent對應的Angular Component是：ListComponent

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Spartacus Cost Center list的实现原理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。