SAP Spartacus新建org unit之后,排序不正确的问题分析

SAP Spartacus新建org unit之后,排序不正确的问题分析

我插入的顺序是test1, test2, test3, 最后显示的结果:test1test 3test 2Restful API的endpoint:https://spartacus-dev2.eastus.cloudapp.azure.com:9002/occ/v2/powertools-spa/...

SAP Spartacus Org unit detail实例的单例特性

SAP Spartacus Org unit detail实例的单例特性

无论怎么切换左边的行项目,右边的Component始终为同一个实例,也就是说,onInit只会触发一次。

SAP Spartacus Org Unit明细页面的设计原理

SAP Spartacus Org Unit明细页面的设计原理

该页面分三部分组成。其中蓝色和绿色两个区域的实现如下:两个section标签页:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

如图:敲下tab之后Collapse all的tab focus border遮住了Add 按钮:

SAP Spartacus org unit页面的三种focus border及细节讨论

SAP Spartacus org unit页面的三种focus border及细节讨论

最外面的矩形框,是table row里任意一个元素被focus之后,触发整个cx-table :focus-within的选择器后生成的效果:中间的一条竖线,是a标签 focus后的效果;button标签focus之后,产生一个小的矩形框;注意cx-table:focus-within的outlin...

SAP Spartacus org unit table的DOM structure

SAP Spartacus org unit table的DOM structure

下图这个table的DOM元素结构:

SAP Spartacus org unit table不同区域focus然后回车的行为差异

SAP Spartacus org unit table不同区域focus然后回车的行为差异

使用tab键首先把focus设置在table row上,点回车:此时打开的是url:如果focus的是button:回车之后会展开该org unit:

SAP Spartacus B2B Org Unit树状结构的ghost数据

SAP Spartacus B2B Org Unit树状结构的ghost数据

在下列org-unit.effect.ts的第147行,即org unit成功取数之后的callback里设置断点:然后就能看到ghost数据了:这些灰色的矩形框显示的就是SAP Spartacus的幽灵数据:幽灵数据有专门的css class,例如.ghost:ghostData的定义位置在lis...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

阿里巴巴终端技术
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
1503+人已加入
加入