Declaration location of (I) icon Popover component on SAP Spartacus B2B list page

Time:2021-5-12

There are six tiles in the list page of SAP Spartacus B2B, which are similar to the tiles in SAP Fiori language:

Declaration location of (I) icon Popover component on SAP Spartacus B2B list page

After clicking, you can see a green icon on the list page. After clicking, a Popover component will pop up

Declaration location of (I) icon Popover component on SAP Spartacus B2B list page

Declaration location of (I) icon Popover component on SAP Spartacus B2B list page

The first question is: do we need to define the Popover component six times in the list page corresponding to six different tiles?

The answer is No. We did not find a user list component in Spartacus standard code, which indicates that no matter user list or org list, it is likely to reuse a Spartacus shared control, but some tile specific features are dynamically injected at runtime.

Our conjecture is confirmed by the HTML code rendered by the Runtime: for the user list page, the component selector is CX org list, and the class is orguser

Declaration location of (I) icon Popover component on SAP Spartacus B2B list page

The same CX org list is used for org unit list. The difference is that the class is org unit

Declaration location of (I) icon Popover component on SAP Spartacus B2B list page

The template implementation of the angular component corresponding to selector CX org list is: list. Component. HTML:

Declaration location of (I) icon Popover component on SAP Spartacus B2B list page

(i) The layout and logic of icon and Popover component pop-up after clicking are written in this HTML file and only implemented once

Declaration location of (I) icon Popover component on SAP Spartacus B2B list page

More of Jerry’s original articles are: “Wang Zixi”:
Declaration location of (I) icon Popover component on SAP Spartacus B2B list page

Recommended Today

Looking for frustration 1.0

I believe you have a basic understanding of trust in yesterday’s article. Today we will give a complete introduction to trust. Why choose rust It’s a language that gives everyone the ability to build reliable and efficient software. You can’t write unsafe code here (unsafe block is not in the scope of discussion). Most of […]