SAP Spartacus B2B 列表页面的 (i) icon popover Component 的声明位置

SAP Spartacus B2B 页面的列表页面,一共有 6 个相似 SAP Fiori Language 里的 tile(磁贴):html

点击去以后,能看到列表页面有一个绿色 icon 图标,点击以后,弹出一个 Popover Component:布局

第一个疑问就是:咱们须要在 6 个 不一样的 tile 对应的列表页面里,重复定义 6 次 这个 Popover Component 么?spa

答案是否认的。咱们并无在 Spartacus 标准代码里,发现相似 User List Component,这提示咱们,不管 User List,仍是 Org List,极可能是重用某一个 Spartacus 共享控件,只是在运行时,动态注入了一些 tile specific 特性。component

咱们这个猜测,从运行时渲染出的 HTML 代码里获得了印证:User List 的页面,使用的 Component selector 为 cx-org-list, class 为 orgUser:htm

而 Org Unit List,使用的一样是 cx-org-list,区别是 class 为 orgUnit:ci

selector cx-org-list 对应的 Angular Component 的 template 实现为:list.component.html:rem

(i) icon 及点击以后弹出的 Popover Component 的布局和逻辑,就写在这个 HTML 文件里,且只实现一次:it

更多Jerry的原创文章,尽在:"汪子熙":
io

相关文章
相关标签/搜索