selector:cxFocus
FocusDirective -> LockFocusDirective -> TrapFocusDirective -> TabFocusDirective -> AutoFocusDirective

TrapFocus继承TabFocus:

LockFocus继承TrapFocus:

Focus继承LockFocus:

传入focusdirective的配置结构:FocusConfig:

[cxFocus]=“focusConfig”, 一个json对象:

定义在jeyboard-focus/index.ts里:

一些cxFocus的使用例子:




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

SAP Spartacus里和focus相关的directive之间的继承关系相关推荐

  1. SAP Spartacus 里的 icon 设计

    同 SAP Fiori 一样,SAP Spartacus 里也有大量的自定义 icon 设计,比如下图的 iconTypes.RESET: 需要调用 iconLoader 获取 RESET icon ...

  2. Media Query在SAP Spartacus里的用途

    Media queries are useful when you want to modify your site or app depending on a device's general ty ...

  3. SAP Spartacus里的feature module

    SAP Spartacus里Component的使用受featureModule控制:

  4. Java面试题 20在面向对象编程里,经常使用is-a来说明对象之间的继承关系

    Java面试题 20在面向对象编程里,经常使用is-a来说明对象之间的继承关系,下列对象中不具备继承关系的是?() A:手机与小米手机 B:企业家与雷军 C:编程语言与Java D:中国与北京 类之间 ...

  5. SAP Spartacus里几个和Focus相关的directive的继承关系以及元素focus是如何实现的

    cx-table施加的是focus directive: Focusdirective继承自LockFocusdirective: TrapFocusdirective继承自TabFocusdirec ...

  6. SAP Spartacus 里的 .release-it.json 文件

    在 SAP Spartacus package.json 里有一个依赖叫做 release-it: 这个工具的链接:https://github.com/release-it/release-it 这 ...

  7. SAP Spartacus 里的 cxOutletRef 指令执行过程分析

    先看 cxOutletRef 指令的效果:ng-template 里定义了如下图标 1 区域所示的自定义 UI,通过 cxOutletRef, 将其插入到图标 2 所示的 ProductDetails ...

  8. 如何找到 SAP Spartacus 里某个 Component TypeScript 编译后生成的 JavaScript 位置

    需求 如何找到触发该网络请求的准确代码位置? 从 initiator 里查看调用栈上下文,一点头绪也没有. 找到触发该网络请求的控件的 selector:cx-register 在 Storefron ...

  9. SAP Spartacus里的localStorage用法

    window-ref.ts: get nativeWindow(): Window {return typeof window !== 'undefined' ? window : undefined ...

最新文章

  1. java modbus通讯协议_物联通讯协议一(Modbus)
  2. 常考数据结构与算法:设计getMin功能的栈
  3. sql PERCENTILE_CONT 计算一组数的线性差值
  4. Windows下配置IDEA开发环境
  5. vscode怎么执行python_VScode | 执行python
  6. python实现人脸识别比对_人脸识别并比对实现(基于face_recognition)
  7. Android 开发者们,如何使用 Python 来扩展 adb 命令?
  8. BirtViewer和Struts2框架的整合
  9. opencv 实现角点检测 Shi-Tomasi角点检测
  10. Java中获取时间戳三种方式
  11. matlab可以模拟力学实验吗,基于Matlab GUI的渗流力学虚拟仿真实验平台开发
  12. 2022保密教育线上培训考试 01
  13. 不背单词vs墨墨背单词 竞品分析
  14. 这几本书看了之后在工作生活上都是有用的
  15. 常见的网络流量识别技术
  16. 河南大学计算机科学与技术中外合作,河南大学中外合作办学怎么样
  17. android设备连接win10,win10手机连接Android设备、iphone 操作方法
  18. 支持M1芯片的Photoshop 2021安装教程 已经支持M1芯片ARM M1处理器安装PS2021解决方案教程 最新方法!
  19. linux系统中ssh命令,Linux系统中SSH 命令的用法有哪些?
  20. 荧光染料CY3/CY5/CY5.5偶联PCL纳米粒|CY3-PCL|PCL-CY5|CY5.5-PEG-PCL

热门文章

  1. 世界最小晶体管问世 栅极长度仅一纳米
  2. asp.net环境下的静态类以及静态变量
  3. 大道至简第四章阅读笔记
  4. ie8一下解决圆角,阴影不兼容问题
  5. 03-JavaScript
  6. ingress controller 和ingress使用实例
  7. 5.5 关于数据的问题
  8. 64位系统安装ODBC驱动的方法
  9. 通过一般处理程序实现【文件上传】
  10. (转)WPF中让窗体不显示最大化,最小化,关闭按钮