SAP Spartacus B2B user列表对应的Angular Component

如下图所示，这个页面点击之后：

显示的Angular UI，在SAP Spartacus里并没有单独的Angular Component来实现：

在userCmsConfig里能发现，SAP Commerce Cloud后台配置的ManageUsersListComponent，在 Spartacus 端被映射为一个share的ListComponent：

在impex里也能很清楚观察到这一点：

## Manage Users Page
INSERT_UPDATE CMSFlexComponent;$contentCV[unique=true];uid[unique=true];name;flexType
;;ManageUsersListComponent;Manage Users List Component;ManageUsersListComponentINSERT_UPDATE ContentPage;$contentCV[unique=true];uid[unique=true];name;masterTemplate(uid,$contentCV);label;defaultPage[default='true'];approvalStatus(code)[default='approved'];homepage[default='false']
;;ManageUsers;Manage Users Page;CompanyPageTemplate;/organization/usersINSERT_UPDATE ContentSlot;$contentCV[unique=true];uid[unique=true];name;cmsComponents(uid, $contentCV)
;;BodyContentSlot-ManageUsers;Manage Users Slot;ManageUsersListComponent

运行时，ListService被UserListService取代。

host元素的class的值取决于service实例的viewType字段，也就是tableType字段：

对于UserListService来说，这个字段是tableType：orgUser

因此能观察到cx-org-list class属性的值为orgUser:

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

SAP Spartacus B2B user列表对应的Angular Component相关推荐

显示SAP Spartacus每个page slot使用的Angular Component uid
加一行语句:<div *ngIf="component.uid">Jerry: {{ component.uid }} 如下图:所有slot里安放的Component ...
SAP Spartacus 服务器端 nodejs 应用里渲染 Angular Component 的一个例子
触发方式:将下列 url 粘贴到浏览器地址栏里,回车: http://localhost:4000/Open-Catalogue/Cameras/Hand-held-Camcorders/c/584 ...
SAP Spartacus B2B Popover Directive 和 Popover Component 的生命周期管理
解析 SAP Spartacus B2B list 实现,即list.component.html时,因为在Component 模板里遇到了[cxPopover]指令,因此触发依赖注入: 首先创建di ...
SAP Spartacus B2B 列表页面的 (i) icon popover Component 的声明位置
SAP Spartacus B2B 页面的列表页面,一共有 6 个类似 SAP Fiori Language 里的 tile(磁贴): 点击去之后,能看到列表页面有一个绿色 icon 图标,点击之后, ...
SAP Spartacus B2B OrgUnit 和 OrgUser 的路由映射差异比较
SAP Spartacus B2B 页面类似 SAP Fiori Launchpad,共有 6 个 tile(磁贴),点击某个磁贴,能跳转到对应的列表页面. 路由映射就是指点击某个 url 之后(例如 ...
SAP Spartacus B2B 页面信息提示图标的弹出窗口显示实现逻辑
这个弹出窗口的技术实现,通过SAP Spartacus 自定义的popover Component实现而成: 注意,当我刚接触Angular时,误以为下图标号为1的a标签,和标号为2的自定义标签cx- ...
SAP Spartacus B2B User 页面的数据读取逻辑设计
点击SAP Spartacus B2B的Users页面后: 触发selector: 看到user 列表: B2B user模块,从设计上说,位于Spartacus工程项目的feature-libs文件 ...
SAP Spartacus B2B ListComponent响应回车事件的实现
SAP Spartacus B2B的List页面: 和回车键事件相关的实现: <cx-table*ngIf="data.values?.length > 0; else empt ...
SAP Spartacus B2B 页面 Disable 按钮的显示原理
SAP Spartacus B2B 页面 disable 按钮如下图所示. 这个高亮的 disable 按钮,和左边相邻的 Edit 按钮,实现位于不同的 Component. disable 按钮有 ...

SAP Spartacus B2B user列表对应的Angular Component

SAP Spartacus B2B user列表对应的Angular Component相关推荐

最新文章

热门文章