1. 首页
  2. IT教程

SAP Spartacus org unit list和unit detail的分屏显示原理

如下图所示,这两个页面的顶层节点都是cx-org-unit-list:

SAP Spartacus org unit list和unit detail的分屏显示原理

再下一层节点是cx-org-list:

SAP Spartacus org unit list和unit detail的分屏显示原理

再下层cx-split-view, active-view:2,意思是当前有两个处于激活状态的view:

SAP Spartacus org unit list和unit detail的分屏显示原理

cx-org-unit-details
左边的unit list view的属性–cx-view-position: 0, 索引为0,第一个视图:

SAP Spartacus org unit list和unit detail的分屏显示原理

右边的unit detail索引为1:

SAP Spartacus org unit list和unit detail的分屏显示原理

现在到源代码里去查看cx-split-view节点下面是否有cx-org-unit-details这个子节点:

SAP Spartacus org unit list和unit detail的分屏显示原理
SAP Spartacus org unit list和unit detail的分屏显示原理
SAP Spartacus org unit list和unit detail的分屏显示原理

在运行时,router-outlet子节点后面,动态插入了unitDetail页面:

SAP Spartacus org unit list和unit detail的分屏显示原理
SAP Spartacus org unit list和unit detail的分屏显示原理
SAP Spartacus org unit list和unit detail的分屏显示原理

动态插入的调用栈:

SAP Spartacus org unit list和unit detail的分屏显示原理

newChild指向待插入的cx-org-unit-details节点,而refChild是anchor node:

SAP Spartacus org unit list和unit detail的分屏显示原理
SAP Spartacus org unit list和unit detail的分屏显示原理

原创文章,作者:夜风博客,如若转载,请注明出处:https://www.homedt.net/450369.html