金喜正规买球

jQuery UI组件库Kendo UI for jQuery数据管理使用教程：键盘导航

翻译|使用教程|编辑：龚雪|2020-09-25 09:30:25.793|阅读 229 次

概述：Kendo UI jQuery组件拥有广泛的UI元素和数据可视化组件，jQuery开发人员能快速上手，本文将为大家介绍在使用Kendo UI jQuery的数据管理控件时，如何实现键盘导航功能。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

Kendo UI for jQuery R2 2020 SP1试用版下载

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。

键盘导航

Grid通过可导航选项支持其键盘导航功能，设置为true时，您可以首先选择一个行或单元格，然后使用箭头键在网格内移动。不管可选模式是什么，导航都在单元格级别进行。 要选择当前行或单元格，请按空格键。

下面的示例演示如何在Grid中启用键导航。 

$("#grid").kendoGrid({
navigatable: true
// Other configuration.
});

Grid的键盘导航通过侦听小部件wrapper元素上的keydown事件来工作，它的操作是基于这样的假设：用户所做的任何操作都符合当前关注的Grid单元格，而不符合浏览器关注的元素。如果网格的数据单元格包含必须通过键盘激活的超链接：

  1. 使用箭头键导航到相应的网格单元格。
  2. 按Enter键将超链接聚焦到单元格内。
  3. 再次按Enter。

若要将焦点返回到表格单元格，请按Esc。 为了使通过标签无法访问超链接，请将abindex="-1" 属性设置为自定义超链接。

 您也可以避免该过程，并绕过Grid的键盘导航，使用制表符访问自定义超链接，然后使用Enter激活它们。 为此，请防止自定义超链接的keydown事件冒泡。 因此，网格将不会注意到Enter键。

慧都高端UI界面开发

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@fc6vip.cn

文章转载自：慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP