SAP Spartacus Cost Center list的实现原理

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的实现原理相关推荐

SAP Spartacus cost center创建按钮的路由配置
文件位置:cost-center.config.ts: list path: const listPath = organization/cost-centers/:${ROUTE_PARAMS .c ...
SAP Spartacus cost center list里通向detail页面的url生成逻辑
在cell.component.ts的get route里设置断点,作为调试入口: 需要的参数:cxRoute: 'orgCostCenterDetails', params: code: 'Cust ...
SAP Spartacus cost center Add按钮的href属性生成逻辑分析
需求:搞清楚这个Add按钮的url是如何生成的在模板文件的执行上下文里也能使用调试器查看变量值,虽然名称不是100% match,但是有迹可循,比如模板里的structure变量,对应调试器里的st ...
SAP Spartacus cost center list的数据源分析
需求:下图列表里的数据是从哪里来的? cx-view里看到listData$这个Observable对象,来自list service的成员: cx-table控件在这里消费数据: subscribe ...
SAP Spartacus cost center list class的赋值逻辑
需求:搞清楚这个dom元素的class:orgCostCenter是从什么地方来的在list.component.ts里找到该class通过@HostBinding绑定到了host元素的class: ...
SAP Spartacus自定义指令cxOutlet的工作原理
cxOutlet合集 SAP Spartacus自定义指令cxOutlet的工作原理 SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件 SAP Sparta ...
SAP Spartacus 重用组件cx-table的设计原理
cx-table在SAP Spartacus尤其是B2B feature里有着广泛的用途: 它是一个shared Component,布局实现文件:table-component.html: 其中表格 ...
SAP Spartacus 的延迟加载 Lazy load 设计原理
官方链接延迟加载,也称为代码拆分,可让您将 JavaScript 代码分成多个块. 结果是当用户访问第一页时,您不必加载完整应用程序的所有 JavaScript. 相反,只加载给定页面所需的块. 在 ...
SAP Spartacus翻译 i18n - internationalization 的工作原理
需求:弄清楚UI上这个标题,是怎么渲染出来的: 在工程里找到了这个文件: feature-libs\organization\administration\assets\translations\en ...

SAP Spartacus Cost Center list的实现原理

SAP Spartacus Cost Center list的实现原理相关推荐

最新文章

热门文章