Telerik UI for PHP新手?下载30天免费试用

jQuery网格键盘导航

加载演示……
  • 例子
  • 查看源代码
keyboard-navigation.php
DataSourceResult.php

还可用于:

API参考

描述

键盘导航为所有的网页和应用程序用户提供了一个快速的键盘导航功能,也是网页可访问特性的一部分——它使残疾用户可以通过键盘完全控制他们的网站或应用程序访问。

默认情况下,用户只能通过键盘导航到链接、按钮和表单控件。交互式项目接收键盘焦点的导航顺序必须具有逻辑性和直观性。通常,键盘导航逻辑需要遵循页面的可视水平和垂直流动,例如,从左到右,从上到下,头首先是主导航,然后是页面导航。

jQuery网格的Kendo UI键盘导航始终可用,如本演示中所示。

这个Grid示例是由数百个jQuery演示组成的独特集合的一部分,您可以通过这些演示查看所有示例jQuery组件的Kendo UI他们的特征在行动。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观jQuery Dojo的剑道UIThemeBuilder

Grid支持以下快捷键:

焦点

  • Alt+W聚焦组件。

应用于网格标头的操作

  • 输入按列排序。
  • Alt+下来打开过滤器菜单。
  • Esc关闭过滤器菜单。
  • 选项卡在筛选器菜单中的元素中导航(默认浏览器行为)。
  • 转变+选项卡一样选项卡但顺序相反。
  • Ctrl+左箭头键用前一列重新排列该列。
  • Ctrl+右箭头用下一列重新排序该列。

在网格数据表上应用的操作

  • 箭头键浏览单元格。
  • 输入在组行上,该键将切换展开/折叠状态。
  • 向上翻页移动到上一页。
  • 下一页转到下一页。
  • 空间选择包含当前高亮显示单元格的行。
  • Ctrl+空间(仅适用于“多选”模式)选择或取消选择当前行,保留之前选择的行。
  • 转变+空间执行范围选择,选择最后选中的行之间的所有行空间或者鼠标点击)和一个持有聚焦单元格的。
  • 转变+箭头键(仅适用于多重选择模式)将包含聚焦单元格的行添加到选择中。
  • Ctrl+首页聚焦主体内的第一个可聚焦元素。
  • Ctrl+结束聚焦最后一行中的最后一个可聚焦单元格。
  • 首页聚焦行中第一个可聚焦的单元格。
  • 结束聚焦行中最后一个可聚焦的单元格。
  • Ctrl+空间对聚焦列进行分组或取消分组。

在网格分页器上应用的操作

  • 选项卡聚焦Pager包装器。
  • 输入当Pager包装器被聚焦时,将焦点更改为第一个可聚焦的Pager元素。
  • Esc当聚焦内部Pager元素时,将焦点更改为Pager包装器。
  • 选项卡当一个内部Pager元素被聚焦时,将焦点更改到下一个Pager元素。
  • 转变+选项卡当一个内部Pager元素被聚焦时,将焦点更改到前一个Pager元素。
  • 左箭头键当Pager包装器被聚焦时,加载上一个页面(如果可用)。
  • 向上翻页当Pager包装器被聚焦时,加载上一个页面(如果可用)。
  • 右箭头当Pager包装器被聚焦时,加载下一页(如果可用)。
  • 下一页当Pager包装器被聚焦时,加载下一页(如果可用)。
  • 首页当Pager包装器被聚焦时,加载第一个页面(如果当前页面还不是第一个页面)。
  • 结束当Pager包装器被聚焦时,加载最后一个页面(如果当前页面还不是最后一个页面)。

支持和学习资源

额外的资源