SAP Spartacus B2B user列表对应的Angular Component

如下图所示,这个页面点击之后:


SAP Spartacus B2B user列表对应的Angular Component


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


SAP Spartacus B2B user列表对应的Angular Component


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


SAP Spartacus B2B user列表对应的Angular Component


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

## Manage Users Page
INSERT_UPDATE CMSFlexComponent;$contentCV[unique=true];uid[unique=true];name;flexType
;;ManageUsersListComponent;Manage Users List Component;ManageUsersListComponent
INSER
T_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/users

INSERT_UPDATE ContentSlot;$contentCV[unique=true];uid[unique=true];name;cmsComponents(uid, $contentCV)
;;BodyContentSlot-ManageUsers;Manage Users Slot;ManageUsersListComponent

运行时,ListService被UserListService取代。


SAP Spartacus B2B user列表对应的Angular Component


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


SAP Spartacus B2B user列表对应的Angular Component


对于UserListService来说,这个字段是tableType:orgUser


SAP Spartacus B2B user列表对应的Angular Component


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

SAP Spartacus B2B user列表对应的Angular Component




上一篇:关于 SAP Spartacus OAuth 2.0 Resource Owner Password Flow 实现的一些讨论


下一篇:SAP Spartacus B2B User list页面的数据加载逻辑