SAP Spartacus里unit list tree的页面显示和后台响应数据的对应关系
如下图所示: 页面数据显示如下，其中Rustic包含6个直接子节点，分别是Rustic Retail，Rustic Services和test1～test4.查看通过方法convertListItem处理之后的数据结构。同OCC API相比，该方法返回的结构，增加了一些字段：count: 子节点个数...
SAP Spartacus B2B List里的listData$设计原理
UI components do not store response data from observables locally, which means destroy logic can be avoided. RxJS pipeable logic can be applied to implement any logic when data is observed.Spartacus ....
SAP Spartacus Unit List Component的设计明细 - UnitListComponent
Unit list Component 源代码：
SAP Spartacus cost center list里通向detail页面的url生成逻辑
在cell.component.ts的get route里设置断点，作为调试入口：需要的参数：cxRoute: ‘orgCostCenterDetails’,params: code: ‘Custom_Retail’:从routeConfig里读出路由配置参数
SAP Spartacus list item点击之后的detail页面跳转
关键字：costCenterRoutingConfig跳转到明细页面的link通过routerLink Directive生成：outlet的context字段里包含了上下文信息：最后用于生成href的参数是orgCostCenterDetails:正好是cost-center-config.ts里的路由配置：share list里的lau...
SAP Spartacus list view里router-outlet的填充逻辑
当我点击某个cost center的hyperlink后：触发router.js里的activate方法：在_activatedRoute里，能看到被激活，待显示的Component是AppComponent：router.js里和创建被激活Component相关的代码：Component factory...
SAP Spartacus list view里注释掉router-outlet的后果
如下图所示，如果注释掉ListComponent模板文件里的cx-split-view里的router-outlet：则split view点击后，无法进入明细页面：router-outlet相当于占位符：运行时效果：div wrapper里出现了cost center detail的selector...
SAP Spartacus cost center list的数据源分析
需求：下图列表里的数据是从哪里来的？cx-view里看到listData$这个Observable对象，来自list service的成员：cx-table控件在这里消费数据：subscribe后，看到的数据结构：page size：10总共10页，总共97个。请求url...
SAP Spartacus Cost Center list的实现原理
CostCenter list对应的HTML dom元素：cx-org-list class=orgCostCentercx-org-list selector实现的Component：ListComponentTODO:研究这个class什么时候加上去的：list里Add button的url是根据当前页面绑定的模型，动态创建的&...
SAP Spartacus B2B页面的List Component
需求如下：不管选择左边的view里列表行项目的哪一条，右边页面第一个可以被focus的元素，即Edit按钮，需要自动被focus：如果像上图这样，将cxFocus直接施加到a标签页上，一个side effect就是，a标签的tabindex将会被设置成默认的-1，这样没办...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。