SAP Spartacus里unit list tree节点collapse all按钮的实现逻辑

如下图所示，点击Collapse按钮：

该动作处理的入口：

this.unitTreeService.collapseAll

  /*** Sets the global toggle state to _collapsed_ and clears the toggle state* for individual units.*/collapseAll() {this.globalToggle$.next(TREE_TOGGLE.COLLAPSED);this.treeToggle$.next(new Map());}

上图两个Observable都是BehaviorSubject，一个类型是TREE_TOGGLE, 一个是map：

this.treeToggle$.next, 将new出来的Map发送给其Observers:

下图1标注的箭头函数，即treeToggle$使用pipe注册的observer之一：

箭头函数即下图this.project:

value就是该observers被next调用时，传入的输入参数：

箭头函数的返回结果，作为result，传入到this.destination.next的输入去：

this.parent指向SwitchMap：

this.destination指向下一个map：

触发Observable chain下一个节点的map Operator：

因为全局状态是Collapsed, 所以node.expanded值永远为false，进不了第90行if语句的分支：

最后convertListItem执行完毕：

只包含一个元素，因此最后的树结构只看到1个节点：

SAP Spartacus里unit list tree节点collapse all按钮的实现逻辑相关推荐

SAP Spartacus里unit list tree节点expanded属性的赋值逻辑
如下图所示:标识为1和2的unit, 其后台数据的expanded属性值,分别为true和false: 而SAP Commerce Cloud OCC API返回的数据里,根本没有这个字段: 这个属性 ...
SAP Spartacus里unit list tree的页面显示和后台响应数据的对应关系
如下图所示: 页面数据显示如下,其中Rustic包含6个直接子节点,分别是Rustic Retail,Rustic Services和test1-test4. 后台SAP Commerce Cloud ...
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 organization unit list的实现Component
SAP Spartacus B2B My Company功能里的org unit list实现: http://localhost:4200/powertools-spa/en/USD/organiz ...
SAP Spartacus 里的 .release-it.json 文件
在 SAP Spartacus package.json 里有一个依赖叫做 release-it: 这个工具的链接:https://github.com/release-it/release-it 这 ...
如何找到 SAP Spartacus 里某个 Component TypeScript 编译后生成的 JavaScript 位置
需求如何找到触发该网络请求的准确代码位置? 从 initiator 里查看调用栈上下文,一点头绪也没有. 找到触发该网络请求的控件的 selector:cx-register 在 Storefron ...

SAP Spartacus里unit list tree节点collapse all按钮的实现逻辑

SAP Spartacus里unit list tree节点collapse all按钮的实现逻辑相关推荐

最新文章

热门文章