SAP Spartacus B2B ListComponent响应回车事件的实现
SAP Spartacus B2B的List页面:
和回车键事件相关的实现:
<cx-table*ngIf="data.values?.length > 0; else emptyList"[structure]="structure"[data]="data.values"[i18nRoot]="domainType"[currentItem]="{ property: key, value: currentKey$ | async }"(launch)="launchItem($event)"[cxFocus]="{ trap: 'both' }"></cx-table>
调用栈:观察lock-focus.directive.ts里的handleEnter函数是如何被Angular core调用的:
传入focus directive的事件:KeyboardEvent
- code为Enter
- currentTarget: cx-table.vertical
- eventPhase: 3
- key: Enter
- keyCode: 13
类型:keydown
更多Jerry的原创文章,尽在:“汪子熙”:
SAP Spartacus B2B ListComponent响应回车事件的实现相关推荐
- SAP Spartacus B2B OrgUnit 和 OrgUser 的路由映射差异比较
SAP Spartacus B2B 页面类似 SAP Fiori Launchpad,共有 6 个 tile(磁贴),点击某个磁贴,能跳转到对应的列表页面. 路由映射就是指点击某个 url 之后(例如 ...
- SAP Spartacus B2B Popover Directive 和 Popover Component 的生命周期管理
解析 SAP Spartacus B2B list 实现,即list.component.html时,因为在Component 模板里遇到了[cxPopover]指令,因此触发依赖注入: 首先创建di ...
- SAP Spartacus B2B 页面 Disable 按钮的显示原理
SAP Spartacus B2B 页面 disable 按钮如下图所示. 这个高亮的 disable 按钮,和左边相邻的 Edit 按钮,实现位于不同的 Component. disable 按钮有 ...
- SAP Spartacus B2B 列表页面的 (i) icon popover Component 的声明位置
SAP Spartacus B2B 页面的列表页面,一共有 6 个类似 SAP Fiori Language 里的 tile(磁贴): 点击去之后,能看到列表页面有一个绿色 icon 图标,点击之后, ...
- SAP Spartacus B2B 页面信息提示图标的弹出窗口显示实现逻辑
这个弹出窗口的技术实现,通过SAP Spartacus 自定义的popover Component实现而成: 注意,当我刚接触Angular时,误以为下图标号为1的a标签,和标号为2的自定义标签cx- ...
- SAP Spartacus B2B User 页面的数据读取逻辑设计
点击SAP Spartacus B2B的Users页面后: 触发selector: 看到user 列表: B2B user模块,从设计上说,位于Spartacus工程项目的feature-libs文件 ...
- SAP Spartacus B2B table的配置信息的merge原理
以SAP Spartacus b2b unit table的配置信息为例:位于文件units.config.ts里: 运行时,这些配置信息,被merge在table.service.ts的this.c ...
- angularjs中按回车事件_浅谈angularjs中响应回车事件
下面这个示例在输入框键入回车键或者点击按钮时,将输入框的值置为"Hello World!":(黄色背景内容为响应回车事件涉及到的代码) angularjs-demo test va ...
- SAP Spartacus B2B user列表对应的Angular Component
如下图所示,这个页面点击之后: 显示的Angular UI,在SAP Spartacus里并没有单独的Angular Component来实现: 在userCmsConfig里能发现,SAP Comm ...
最新文章
- 设计模式之状态模式(State)摘录
- Scala模式匹配的亮点——Martin Odersky访谈(四)
- 未处理异常和C++异常——Windows核心编程学习手札之二十五
- linux 读写时间变长,linux时钟变慢的原因分析【转】
- 为什么配置了vsftpd.conf文件,用户还是可以访问上级目录?
- python- 决策树分类器
- android 高度百分比,如何在Android中进行百分比高度和宽度?
- 信息学奥赛一本通(1057:简单计算器)
- phpcms 报500错误
- PoolTogether本周Loot Box奖金组合中新增加入ESSAY代币
- Djunit工作记录
- 我的第一个Android应用小程序
- 【转】一文带你了解800万像素车载摄像头
- 自建pop邮件服务器,POP是什么?怎样开通?
- 什么是混合移动App开发【重点学习系列---干货十足--一文详解】
- test 4:假币问题
- JavaScript 格式化显示JSON
- 服务器网卡驱动_教你星际蜗牛C款i211网卡服务器咋装Windows sevs2012R2服务器下
- python练习_邮件定时收取处理附件后发送结果
- 双十一在即,阿里的七种武器