SAP Spartacus Cost Center list的实现原理

简介: SAP Spartacus Cost Center list的实现原理

CostCenter list对应的HTML dom元素:cx-org-list class=orgCostCenterimage.pngcx-org-list selector实现的Component:ListComponentimage.pngimage.pngTODO:研究这个class什么时候加上去的:image.pnglist里Add button的url是根据当前页面绑定的模型,动态创建的:

image.png谁使用了cx-org-list这个selector来展示list?

CompanyPageTemplate

image.pngimage.png我们来观察一下进入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


参数:


image.pnguid:ManageCostCenters

BodyContentSlot-ManageCostCenters这个slot id里,存放了CMS Component:ManageCostCentersListComponentimage.png根据这个关键字到Spartacus里查找:

即可发现ManageCostCentersListComponent对应的Angular Component是:ListComponent

image.png

相关文章
|
11月前
|
存储 对象存储
Spartacus 添加 PWA 应用到 home 的实现原理分析
Spartacus 添加 PWA 应用到 home 的实现原理分析
|
3月前
|
存储 Java 测试技术
滚雪球学Java(57):解密Java中List接口底层实现原理
【6月更文挑战第11天】🏆本文收录于「滚雪球学Java」专栏,专业攻坚指数级提升,希望能够助你一臂之力,帮你早日登顶实现财富自由🚀;同时,欢迎大家关注&&收藏&&订阅!持续更新中,up!up!up!!
36 2
滚雪球学Java(57):解密Java中List接口底层实现原理
|
4月前
|
存储 缓存 数据管理
Spartacus cart list item 删除的实现原理
Spartacus cart list item 删除的实现原理
|
4月前
|
XML 存储 JavaScript
关于 SAP Fiori Elements List Report 里的 TableCell.fragment.xml 头部声明
关于 SAP Fiori Elements List Report 里的 TableCell.fragment.xml 头部声明
|
4月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
|
4月前
|
设计模式 前端开发 JavaScript
关于 SAP Fiori Elements List Report Go 按钮的实现
关于 SAP Fiori Elements List Report Go 按钮的实现
|
4月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
|
4月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
|
10月前
|
前端开发 开发者 容器
SAP Fiori Elements List Report 应用里 Header 字段的绑定路径
SAP Fiori Elements List Report 应用里 Header 字段的绑定路径
|
10月前
|
存储 Cloud Native Linux
C++ list底层实现原理
C++ list底层实现原理