SAP Spartacus org unit list当前行is

作者: 华山令狐冲 | 来源:发表于2021-02-20 11:44 被阅读0次

在Spartacus _list.scss里有这样的mixin定义：

is-current-active-selection：

定义在organization unit list行项目的a标签的class：is-current上

运行时效果：

换一种颜色：

什么时候给这个tr标签分配的is-current class?

 <tr
      *ngFor="let item of data; trackBy: trackData"
      [class.is-current]="isCurrentItem(item)"
      (click)="launchItem(item)"
    >

下面这段代码给tr标签赋上is-current的class：

最后在platform-browser.js里调用浏览器原生的html元素的classList属性的add方法，添加新的is-current类：

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

SAP Spartacus organization unit
SAP Spartacus B2B My Company功能里的org unit list实现： http://l...
SAP Spartacus org unit list当前行is
在Spartacus _list.scss里有这样的mixin定义： is-current-active-sele...
SAP Spartacus Org Unit List响应回车案
我在SAP Spartacus Org Unit List里，用tab键选中某个行项目后，敲回车键：首先会在屏幕...
SAP Spartacus org unit list和unit
如下图所示，这两个页面的顶层节点都是cx-org-unit-list: 再下一层节点是cx-org-list: 再...
SAP Spartacus org unit list点击ite
如下图所示，organization unit list选中一行点击后，会跳转到明细页面：这个list行项目点击...
SAP Spartacus org unit table不同区域
使用tab键首先把focus设置在table row上，点回车：此时打开的是url：如果focus的是butt...
SAP Spartacus org unit table不同区域
第一版table：结果：试了一下，发现td获得不到焦点。网上查了一下，发现csdn这个帖子：说td获取不到焦点...
SAP Spartacus Organization Unit
如下图所示：Expand all，Collapse All和Add三个button的技术实现：位于unit-li...
SAP Spartacus Organization Unit
右边这个页面的实现细节：层级结构如下： (1) cx-org-unit-user-list, Component...
SAP Spartacus Unit List树形数据的加载
如下图所示：加载成功后(Load Tree Success)，loading由true变为false： kris...