SAP Spartacus里unit list tree的页面显示和后台响应数据的对应关系

如下图所示: 页面数据显示如下，其中Rustic包含6个直接子节点，分别是Rustic Retail，Rustic Services和test1～test4.

后台SAP Commerce Cloud OCC API返回的响应数据如下，正好是Rustic节点以及6个子节点：

看其中一个子节点，Rustic Services的数据：

查看通过方法convertListItem处理之后的数据结构。

同OCC API相比，该方法返回的结构，增加了一些字段：

count: 子节点个数
depthLevel: 该节点在整个org unit tree里的层级结构
expanded: 在渲染出的org tree视图里，是否已经被展开

没有子节点的unit，其expanded属性也为false：

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

SAP Spartacus里unit list tree的页面显示和后台响应数据的对应关系相关推荐

SAP Spartacus里unit list tree节点expanded属性的赋值逻辑
如下图所示:标识为1和2的unit, 其后台数据的expanded属性值,分别为true和false: 而SAP Commerce Cloud OCC API返回的数据里,根本没有这个字段: 这个属性 ...
SAP Spartacus里unit list tree节点collapse all按钮的实现逻辑
如下图所示,点击Collapse按钮: 该动作处理的入口: this.unitTreeService.collapseAll /*** Sets the global toggle state to ...
SAP Spartacus Org Unit List响应回车案件的实现原理
我在SAP Spartacus Org Unit List里,用tab键选中某个行项目后,敲回车键: 首先会在屏幕右半部份显示一个只包含布局不包含数据的页面: 待数据加载完成之后,右边也能显示完整的页 ...
SAP Spartacus 里的 icon 设计
同 SAP Fiori 一样,SAP Spartacus 里也有大量的自定义 icon 设计,比如下图的 iconTypes.RESET: 需要调用 iconLoader 获取 RESET icon ...
Media Query在SAP Spartacus里的用途
Media queries are useful when you want to modify your site or app depending on a device's general ty ...
SAP Spartacus里的feature module
SAP Spartacus里Component的使用受featureModule控制:
如何在 SAP Spartacus 里添加自定义页面 - Custom Page
网友提问 Add a custom page to Spartacus I would like to add a custom sub page (http://localhost:4200/ima ...
SAP Spartacus org unit页面的三种focus border及细节讨论
最外面的矩形框,是table row里任意一个元素被focus之后,触发整个cx-table :focus-within的选择器后生成的效果: 中间的一条竖线,是a标签 focus后的效果: butt ...
SAP Spartacus 里的 cxOutletRef 指令执行过程分析
先看 cxOutletRef 指令的效果:ng-template 里定义了如下图标 1 区域所示的自定义 UI,通过 cxOutletRef, 将其插入到图标 2 所示的 ProductDetails ...

SAP Spartacus里unit list tree的页面显示和后台响应数据的对应关系

SAP Spartacus里unit list tree的页面显示和后台响应数据的对应关系相关推荐

最新文章

热门文章