SAP Spartacus B2B 页面 Disable 按钮的显示原理

SAP Spartacus B2B 页面 disable 按钮如下图所示。

这个高亮的 disable 按钮，和左边相邻的 Edit 按钮，实现位于不同的 Component.

disable 按钮有单独的实现 Component：toggle-status.component.ts, selector: cx-org-toggle-status

在 B2B Launchpad 6 个 tile 里都消费了该 Component，以 unit 页面为例，消费代码如下：

<cx-org-toggle-statusactionskey="uid"i18nRoot="orgUnit"></cx-org-toggle-status>

其中 18 行的 key，19 行的 i18nRoot, 都是为了给该 Component 的 @input 属性传递输入值：

而 17 行的属性 actions，我们试着把这个值改一改，看会发生什么：

不出所料，Disable 按钮从工具栏里消失了：

根据关键字 select="[actions]" 搜索，能发现 card.component.html 模板实现里，通过 ng-content 实现了动态内容注入，注入条件是那些包含了 actions 属性的标签。

所以，包含了 Disable 按钮的 Component，其属性值必须是 actions，只有这样，才能被动态注入到 card.component.html 的 header 区域去。

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

SAP Spartacus B2B 页面 Disable 按钮的显示原理相关推荐

SAP Spartacus B2B 页面 Disable Confirmation 对话框的显示原理
该按钮的实现位于 toggle-status.component.html 里,点击后,可以对当前显示的 B2B item 进行 activation 和 deactivation 操作. toggl ...
SAP Spartacus B2B 页面信息提示图标的弹出窗口显示实现逻辑
这个弹出窗口的技术实现,通过SAP Spartacus 自定义的popover Component实现而成: 注意,当我刚接触Angular时,误以为下图标号为1的a标签,和标号为2的自定义标签cx- ...
SAP Spartacus B2B 页面 Popover Component 的条件显示逻辑
如下图所示,这个 B2B 页面的 Popover Component: 触发其的按钮位于 cx-org-card 内: 而下面这个 assigned users 明细页面,为什么就没有显示 Popo ...
SAP Spartacus B2B页面Budget页面的设计原理
打开SAP Spartacus My Company菜单,第一个banner即为Budgets页面的入口: http://localhost:4200/powertools-spa/en/USD/or ...
SAP Spartacus B2B页面Banner Component的路由url是在哪里定义的
在Component wrapper里加上一行打印语句: 输出效果: 以CostCentersHomeLink为例:Spartacus里搜索不到,因为这是一个CMS Component: 从spart ...
SAP Spartacus b2b 页面 popover append to body与否的不同行为
append to body为true的情况: 点击之后,直接添加在body节点的尾部: 改成false之后: 更多Jerry的原创文章,尽在:"汪子熙":
SAP Spartacus b2b 页面 banner 的grid layout设计
如下图所示: 每个banner里的a标签,都应用了grid layout模型: this element behaves like a block element and lays out its c ...
SAP Spartacus B2B 页面 info icon 设计 - 版本1.0
现在的做法:引入了新的section标签,包裹cx-icon和h3: <cx-icon[cxPopover]="listHint"[cxPopoverOptions]=&qu ...
SAP Spartacus B2B页面unit tree取数据的设计逻辑
如下图所示: 在unit-list.service.ts的load方法里设置断点: 运行时,可见该load方法是list.service.ts的getData方法触发的:起始的stream是pagin ...

SAP Spartacus B2B 页面 Disable 按钮的显示原理

SAP Spartacus B2B 页面 Disable 按钮的显示原理相关推荐

最新文章

热门文章