将tabindex添加到openui5中的文本

Question

我正在使用sap.m.Text来显示任务的状态（失败，成功，错误等。），并且我希望状态键盘可访问，但是按下键盘上的“制表符”不能读取状态。

文本在DOM的<span>标记内呈现，是否在声明tabindex="0"组件本身时添加sap.m.Text以使其覆盖？还是我可以使用OpenUI5的其他任何组件来显示可以通过键盘访问的状态？ （我也使用了sap.m.Label，但再次无法通过键盘访问。

谢谢。

Answer 1

如果可以获取焦点，可以将其设置为选项卡。要确定哪些OpenUI5 UI控件可以获得焦点，请查看是否：

• 由控件的渲染器渲染的HTML DOM结构中的元素可以接收焦点（例如sap.m.Button渲染可以聚焦的HTML <button>。
• 控件的渲染器专门编写tabindex属性。

此类控件的示例包括Button，Input，Link和有效的ObjectAttribute（即链接）。因此，您可以使用ObjectAttribute，但是您的状态看起来像是超链接。要确定上述内容，您可以例如在线或在本地编辑器中搜索OpenUI5 repository。

如果没有合适的控件，则可以轻松extend one。例如，您可以扩展sap.m.Text。这应该是一个简单的扩展，因为您只需要添加tabindex。这是一个非常接近您需要做的Extending Input Rendering的示例。