新Telerik UI为Blazor?免费下载30天试用

网格-键盘导航

77项中的1 - 10项
  • Keyboard-navigation.razor
  • ProductService.cs
  • ProductDto.cs
正在加载演示源代码…请稍等。

焦点

  • Alt+W重点关注示例中的第一个组件

支持的键和用户操作

管理重点

Grid组件是一个容器,由以下4个逻辑上分离的结构元素组成:工具栏,组标头,数据网格和页导航.它们都是页面选项卡序列的一部分,可以使用键盘的tab键导航到它们。

工具栏

工具栏为工具栏组件实现键盘导航规范。你可以参考工具栏-键盘导航为其支持的快捷方式。

组头

Group牧人实现了工具栏组件的键盘导航规范。你可以参考工具栏-键盘导航为其支持的快捷方式。

  • 删除退格删除聚焦字段名的分组。

寻呼机

Pager实现了Pager组件的键盘导航规范。你可以参考寻呼机-键盘导航为其支持的快捷方式。

数据网格焦点

数据网格是单个制表符停止组件。在聚焦数据网格之后,初始焦点被设置为先前聚焦的单元格(如果有的话)或数据网格中的第一个数据单元格。的选项卡键通过所有可聚焦的元素移动焦点,网格不会阻止它-它使用粗纺TAB索引

所有网格单元格

  • 右箭头将焦点向右移动一个单元格(如果有)。
  • 左箭头键将焦点向左移动一个单元格(如果有的话)。
  • 向上箭头键将焦点向上移动一个单元格(如果有的话)。
  • 向下的箭头向下移动焦点一个单元格(如果有的话)。
  • 首页将焦点移动到包含焦点的行中的第一个单元格。
  • 结束将焦点移动到包含焦点的行中的最后一个单元格。
  • Ctrl+首页将焦点移动到网格中的第一个(左上角)数据单元格。
  • Ctrl+结束将焦点移动到Grid最后加载行的最后一个单元格。
  • 下一页加载并显示下一页数据。如果使用虚拟滚动,则向下滚动一页。
  • 向上翻页加载并显示上一页的数据。如果使用虚拟滚动,则向上滚动一页。

网格数据单元

所有的场景

  • 输入当网格处于InCell EditMode时,EditMode被激活。在层次结构单元格中——展开/折叠详细信息行。在分组单元格中-扩展/折叠分组。如果单元格包含一个可聚焦元素-焦点移动到内部的第一个可聚焦元素。
  • F2当网格处于InCell编辑模式时进入编辑模式。
  • Esc如果编辑器已打开,则取消编辑并关闭编辑器。如果焦点位于单元格内的元素上,则将焦点返回到单元格。

在行选择场景中

  • 空间选择包含当前聚焦单元格的行。
  • Ctrl+空间选择或取消选择当前行,同时保持先前选择的行(仅适用于选择模式“多个”)。
  • 转变+空间执行范围选择,选择最后选中的行(通过SPACE或鼠标点击)和持有聚焦单元格的行之间的所有行。
  • 转变+向上箭头键选择上面的行。当启用多重选择时,将选择扩展到该行。
  • 转变+向下的箭头选择下面的行。当启用多重选择时,将选择扩展到该行。

网格头单元格

  • 输入如果启用了排序,则应用排序。
  • Alt+向下箭头打开列菜单/筛选菜单,并将焦点移动到该菜单。
  • Esc关闭列菜单/筛选菜单。
  • Ctrl+空间对聚焦列进行分组/取消分组。
  • Ctrl+左箭头键用左边的列重新排序。
  • Ctrl+右箭头用它右边的列重新排序。

命令列单元格

  • 输入在命令列内移动焦点。第一个按钮是聚焦。如果按钮被聚焦,则触发按钮动作。
  • Esc如果按钮被聚焦,则将焦点返回到命令单元格。
  • 选项卡将焦点移动到列中的下一个按钮。
  • 转变+选项卡将焦点移动到列中的前一个按钮。

内联编辑行

  • 选项卡移动到行中的下一个编辑器。
  • Esc取消行编辑。焦点转到触发行编辑的命令单元格。

Cell编辑Cell

  • 选项卡移动到行中的下一个编辑器(关闭当前编辑器)。它跳过细胞可编辑= false和命令列。如果焦点已经在该行的最后一个可编辑单元格上,则焦点将移动到下一行的第一个可编辑单元格上,并打开它的编辑器。如果我们已经在网格的最后一行,那么焦点仍然在单元格上,编辑器关闭。
  • 转变+选项卡移动到行中的上一个编辑器(关闭当前编辑器)。它跳过细胞可编辑= false和命令列。如果焦点已经在该行的第一个可编辑单元格上,则焦点将移到上一行的最后一个可编辑单元格上,并打开它的编辑器。如果我们已经在网格的第一行上,焦点仍然在单元格上,编辑器关闭。
  • 输入提交已编辑项的更改,并将焦点移动到下一行的同一单元格,打开它进行编辑。
  • Esc取消编辑。焦点转到当前单元格。

弹出编辑器

  • 选项卡移动到表单中的下一个编辑器。
  • Esc关闭编辑器。焦点转到打开弹出窗口的命令单元格。
  • 输入触发编辑器的提交操作,包括验证。

过滤行

  • 箭头键移动到表单中的下一个编辑器。
  • 输入输入道明并聚焦其中的第一个可聚焦元素。所有筛选器行组件的增益tabindex=0。焦点仍然停留在筛选器行中。
  • 选项卡遍历筛选器行组件。
  • Esc注意力集中在道明元素包装当前聚焦的筛选器组件。

列菜单

  • Alt+向下箭头当标题单元格被聚焦时,打开列菜单。
  • 向下箭头聚焦列菜单中的下一项。
  • 箭头了聚焦列菜单中的前一项。
  • 输入激活列菜单中的聚焦操作。
  • 空间切换复选框菜单项(如果聚焦)。
  • Esc关闭列菜单。如果焦点在下拉列表或过滤器内,则关闭下拉列表。

过滤器菜单

  • Alt+向下箭头当标题单元格被聚焦时,打开筛选器菜单。
  • 选项卡聚焦过滤器菜单中的下一项。
  • 转变+选项卡聚焦过滤器菜单中的前一项。
  • Esc关闭过滤器菜单。请注意,如果当前打开了菜单中的弹出窗口,Escape将关闭它。第二次按Escape键将关闭菜单。
  • 空间切换复选框菜单项(如果聚焦)。

组行

  • 输入展开/折叠行

详细模板主行

  • 输入切换详细信息模板。
  • 选项卡如果展开,则聚焦细节模板中的第一个可聚焦元素(如果有的话)。
  • 转变+选项卡如果在模板内的第一个可聚焦项上,则将焦点返回到网格(第一个可聚焦单元格)。

复选框列

  • 空间切换复选框。切换复选框将选择/取消选择一行。
  • Esc将焦点返回到单元格。

描述

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

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

启用为Blazor的Telerik UI的键盘导航网格通航= " true ",如本演示所示。

这个网格键盘导航的例子是一个独特的集合,数百Blazor演示的一部分,你可以看到所有用于Blazor组件的Telerik UI他们的特征在行动。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观开拓者的Telerik REPLThemeBuilder

支持和学习资源

出现错误。此应用程序在重新加载之前可能不再响应。
重新加载
Baidu
map