开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >SAP Spartacus B2B 页面的 Popup Component

SAP Spartacus B2B 页面的 Popup Component

作者头像

Jerry Wang

发布于 2021-04-06 17:12:47

3320

发布于 2021-04-06 17:12:47

举报

文章被收录于专栏：Jerry的SAP技术分享Jerry的SAP技术分享

we’ll make the name a link to save space, no “Details” word
user clicks name and sees popover with details
details popover contains link to actual thing

点击明细页面，出现popup Component：

Unit是一个超链接，指向真实的entity：

设计原理：

PopoverComponent - shared in storefrontlib
DetailsCellComponent include PopoverComponent - shared in organization lib
UserGroupDetailsCellComponent extend DetailsCellComponent

cx-org-user-details-cell:

这个popup Component的设计：

cxPopover自定义Directive：cxPopover, 绑定到页面的id为details的ng-template模板：

单击之后：

Popover.directive.ts里的toggle负责关闭/打开popover：

renderPopover:

最后的结果：

本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2021-03-15 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客?前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.