openui5中给文本添加tabindex

Add tabindex to text in openui5

我正在使用 sap.m.Text 显示任务状态(失败、成功、错误等),我希望状态键盘可访问,但键盘 'tab' 按下时无法读取状态。

文本是在 DOM 中的 <span> 标记内呈现的,在声明 sap.m.Text 组件本身时是否要添加 tabindex="0" 以跨越?或者我可以使用 OpenUI5 的任何其他组件来显示也可以通过键盘访问的状态吗? (我也使用了 sap.m.Label,但无法再次通过键盘访问。

谢谢。

如果元素可以接收焦点,则可以使用 Tab 键。要确定哪些 OpenUI5 UI 控件可以获得焦点,请查看是否:

  • HTML DOM 结构中由控件渲染器渲染的元素可以接收焦点(例如 sap.m.Button 渲染 HTML <button>,可以集中注意力。
  • 控件的渲染器专门写了tabindex 属性.

此类控件的示例包括 ButtonInputLink 和处于活动状态的 ObjectAttribute(即 link)。因此,例如,您可以使用 ObjectAttribute,但您的状态将看起来像 hyperlink。要确定以上内容,例如,您可以在线或在本地编辑器中搜索 OpenUI5 repository

如果没有合适的控件,可以轻松extend one. For example, you can extend sap.m.Text. This should be a simple extension, as you only need to add tabindex. Here is an example that is very close to what you'll need to do Extending Input Rendering.