SAP Spartacus 关于列表点击focus Accessibility的需求
需求如下:
不管选择左边的view里列表行项目的哪一条,右边页面第一个可以被focus的元素,即Edit按钮,需要自动被focus:
如果像上图这样,将cxFocus直接施加到a标签页上,一个side effect就是,a标签的tabindex将会被设置成默认的-1,这样没办法接收接下来的tab事件了:
更多Jerry的原创文章,尽在:“汪子熙”:
SAP Spartacus 关于列表点击focus Accessibility的需求相关推荐
- SAP Spartacus B2B 列表页面的 (i) icon popover Component 的声明位置
SAP Spartacus B2B 页面的列表页面,一共有 6 个类似 SAP Fiori Language 里的 tile(磁贴): 点击去之后,能看到列表页面有一个绿色 icon 图标,点击之后, ...
- SAP Spartacus cxFocus增添了refresh Focus功能后的一些考虑
ngAfterViewInit Hook: 负责视图渲染完毕后,执行handleFocus来使元素得到focus nOnChanges: 当配置的refreshFocus指向的Component 属性 ...
- SAP Spartacus里,点击checkbox右边的span文本,不会触发checkbox勾选的原因
如下图: 我希望点击Approver之后,其前面的checkbox会自动被选中,然而并没有发生. 检查其html代码: input和span的parent标签是div,而不是label,换成label ...
- SAP Spartacus里几个和Focus相关的directive的继承关系以及元素focus是如何实现的
cx-table施加的是focus directive: Focusdirective继承自LockFocusdirective: TrapFocusdirective继承自TabFocusdirec ...
- SAP Spartacus list item点击之后的detail页面跳转
关键字:costCenterRoutingConfig 跳转到明细页面的link通过routerLink Directive生成: outlet的context字段里包含了上下文信息: 最后用于生成h ...
- SAP Spartacus B2B user列表对应的Angular Component
如下图所示,这个页面点击之后: 显示的Angular UI,在SAP Spartacus里并没有单独的Angular Component来实现: 在userCmsConfig里能发现,SAP Comm ...
- SAP Spartacus org unit页面的三种focus border及细节讨论
最外面的矩形框,是table row里任意一个元素被focus之后,触发整个cx-table :focus-within的选择器后生成的效果: 中间的一条竖线,是a标签 focus后的效果: butt ...
- SAP Spartacus B2B OrgUnit 和 OrgUser 的路由映射差异比较
SAP Spartacus B2B 页面类似 SAP Fiori Launchpad,共有 6 个 tile(磁贴),点击某个磁贴,能跳转到对应的列表页面. 路由映射就是指点击某个 url 之后(例如 ...
- SAP Spartacus B2B User 页面的数据读取逻辑设计
点击SAP Spartacus B2B的Users页面后: 触发selector: 看到user 列表: B2B user模块,从设计上说,位于Spartacus工程项目的feature-libs文件 ...
最新文章
- 深度学习渐趋冷静,为何图形计算却逆势反涨?
- upstream--负载
- anaconda打不开没反应_为什么账户总是有点击没对话?无非这2个原因
- php遍历删除目录下文件,PHP遍历删除文件夹已经文件内的所有文件
- FAILED: ValidationFailureSemanticException partition spec {dt=2021-04-01} doesn‘t contain all (2) pa
- 五天学习Mysql数据库教程(一)1.1数据库的基本概念
- titanium开发教程-04-10移动rows
- .NetCore使用NETCore.MailKit发送邮件
- 计算机五个部件中协调,计算机基础知识(一)
- echarts x轴坐标文字显示不全
- java中的getinstance_Java中的KeyPairGenerator getInstance()方法
- HTK中函数ProcessCrossWordLinks处理流程
- winserver2012安装mysql8.0.22需要安装vc++2015时报错0x80240017未指定错误
- java robot识别验证码,robotframework处理登录验证码
- 蚁群算法java实现_简单蚁群算法 + JAVA实现蚁群算法
- html平板电脑打不开,苹果平板电脑浏览器打不开网页
- python自己做课程表_Python 大学生课表 iCalendar (.ics) 生成
- 微信扫码登录很难吗?5步帮你搞定
- javac的命令(-Xbootclasspath、-classpath与-sourcepath等)
- 机遇与挑战并存,优信二手车强势发力