SAP Spartacus organization unit list的实现Component
SAP Spartacus B2B My Company功能里的org unit list实现:
http://localhost:4200/powertools-spa/en/USD/organization/units
如何自己查询到这个页面的Angular Component?根据url后面的片段organization/units作为关键字进行搜索:
找到了这个UnitsComponentsModule:
该Module里包含了UnitListComponent:
这个Component的UI实现:unit-list.component.html:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-q86xlGl6-1607083251389)(https://upload-images.jianshu.io/upload_images/2085791-c6c149c438cad107.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]
在template里加上一个h1:
运行时确实生效了,说明我们寻找的UnitListComponent是正确的:
更多Jerry的原创文章,尽在:“汪子熙”:
SAP Spartacus organization unit list的实现Component相关推荐
- SAP Spartacus organization unit list抬头显示所有unit的标题实现
如下图高亮区域所示:All Units(39)的实现原理 实现在下图这段高亮代码里: viewType: unit 翻译代码的实现: 翻译的实现: key:unit.header 将unit.head ...
- SAP Spartacus Organization Unit List三个按钮的技术实现
如下图所示:Expand all,Collapse All和Add三个button的技术实现: 位于unit-list.component.html里: 上图定义的两个button标签,通过下图的ng ...
- 如何自行查询SAP Spartacus Organization Unit List的取数逻辑
从Chrome开发者工具的NgRx Store DevTools里找到type为[B2BUnitNode] Load Tree的Action: 根据这个关键字进行项目搜索,找到常量LOAD_UNIT_ ...
- SAP Spartacus Organization Unit User页面的实现层级结构
右边这个页面的实现细节: 层级结构如下: (1) cx-org-unit-user-list, Component为UnitUserListComponent: (2) cx-org-sub-list ...
- SAP Spartacus organization unit里org list的focus实现问题
这四根border是的outline,只有当屏幕不够宽时才能完全显现: 当屏幕足够宽时,a的outline轮廓线只有最左边visible了: 仅当移除width: 100%和min-height: 7 ...
- SAP Spartacus Org Unit List响应回车案件的实现原理
我在SAP Spartacus Org Unit List里,用tab键选中某个行项目后,敲回车键: 首先会在屏幕右半部份显示一个只包含布局不包含数据的页面: 待数据加载完成之后,右边也能显示完整的页 ...
- SAP Spartacus Table cell显示数据类型的Component决定逻辑
以SAP Spartacus B2B org unit list为例,table cell到底用什么样的Component来显示数据,取决于units.config.ts文件里定义的配置数据units ...
- SAP Spartacus 懒加载 Customized CMS Component 的问题
Lazy-loaded overriden or custom CMS Components SAP Spartacus 有两种 lazy load 方式: CMS-driven lazy loadi ...
- SAP Spartacus B2B Popover Directive 和 Popover Component 的生命周期管理
解析 SAP Spartacus B2B list 实现,即list.component.html时,因为在Component 模板里遇到了[cxPopover]指令,因此触发依赖注入: 首先创建di ...
最新文章
- 拿什么留住你,我的程序员
- MR案例:CombineFileInputFormat
- 互联网金融售前心得数据脱敏分析 | PMCAFF微分享
- 如何查找UI5框架的BSP应用名称
- 最新hosts,更新hosts,可用
- java:彻底搞懂volatile关键字
- 人类一败涂地做图教程_绘画步骤_人类一败涂地鼠绘人物步骤与技巧_3DM单机
- 过滤Android工程中多余的资源文件
- bzoj2756 [SCOI2012]奇怪的游戏 结论+网络流
- 教育|一位女博士五年的艰难毕业历程
- WPF:使用WPF应用程序中的默认网络凭据和凭据存储来管理自动登录
- 常见的网页布局(HTML、CSS)
- Bailian4122 切割回文【DP】
- WavePad如何在音乐文件上录制声音
- Linux串口分析open
- WORD中输入已知编码的特殊字符
- 错误:Redis----(error) MISCONF Redis is configured to save RDB snapshots
- leetcode【困难】460、LFU 缓存
- 云手机哪个好用最流畅?红手指、双子星、雷电云手机性价比推荐排行
- Mysql关键特性-插入缓冲 (Insert Buffer)