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

TreeList -键盘导航

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

焦点

  • Alt+W聚焦示例中的第一个组件

支持的键和用户操作

选项卡的焦点

选项卡键将焦点移动到页面上所有可聚焦的元素中,树列表不会阻止它——它使用漫游TAB索引它的数据部分。

属性可以遍历树列表工具栏和筛选行选项卡键,然后焦点将通过树列表的数据部分,您可以使用方向键在单元格和行中导航。

紧迫的选项卡从数据部分将焦点移动到页面上的下一个可聚焦元素——这可以是当前聚焦行中的某个可聚焦元素(比如一个按钮或单元格或模板中的一个输入),也可以是树列表之后页面上的下一个可聚焦元素(取决于页面的TAB顺序)。

工具栏

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

寻呼机

如果焦点在数据表中,并且启用了分页,按Tab键将焦点移动到分页器。你可以参考寻呼机-键盘导航为其支持的快捷方式。

表格

  • 右箭头将焦点向右移动一个单元格。
  • 左箭头键将焦点向左移动一个单元格。
  • 向下的箭头将焦点向下移动一个单元格。
  • 向上箭头键将焦点向上移动一个单元格。
  • 下一页TreeListScrollMode已配置-向下滚动一页。可分页-加载下一页
  • 向上翻页TreeListScrollMode已配置-向上滚动一页。可分页-加载上一页
  • 首页将焦点移动到包含焦点的行中的第一个单元格。
  • 结束将焦点移动到包含焦点的行中的最后一个单元格。
  • Ctrl / Cmd+首页将焦点移到TreeList中的第一个单元格。
  • Ctrl / Cmd+结束将焦点移动到TreeList的最后一个加载行中的最后一个单元格。
  • 空间选择一行。第二次点击空间应该取消整个选择。仅当行选择贯穿整个行时适用(默认行为)。
  • Ctrl / Cmd+空间选择/取消选择一行(相当于Ctrl + Click)
  • 转变+空间选中一行并点击Shift + Space在另一行上,应在从上到下的两行之间进行范围选择。
  • 转变+向上箭头键选择上面的行。TreeListSelectionMode。单-只选中上面的行。TreeListSelectionMode。多个-选择扩展。
  • 转变+向下的箭头选择上面的行。TreeListSelectionMode。单-只选中上面的行。TreeListSelectionMode。多个-选择扩展。
  • F2在数据单元格中使用InCell EditMode -打开单元格进行编辑。
  • Esc如果已打开编辑器,则取消编辑并关闭编辑器。在命令单元格中,如果焦点在某个按钮上,则将焦点返回到该单元格。
  • 输入在数据单元格中使用InCell EditMode -打开单元格进行编辑。在EditMode中-保存更改并关闭编辑器。如果单元格是可展开的-展开项目。如果单元格包含模板,则在内部处理焦点。在命令单元格中-焦点移动到单元格内的第一个命令按钮,然后回车触发它。

复选框列

  • 输入聚焦列内的复选框。
  • 空间如果仅允许通过复选框进行行选择,则仅在复选框集中时才切换行选择。如果允许对整个行进行行选择,则即使单元格是聚焦的,也会切换行选择,而不是复选框。
  • Esc如果复选框聚焦,则将焦点移回表单元格。

编辑的行

  • 选项卡在行中可聚焦的元素之间移动焦点,以便使用它们的键盘快捷键。使用InCell编辑模式,打开下一个/上一个单元格进行编辑。

    要退出内联编辑模式,请转到命令列中的“更新”或“取消”按钮。
    要退出弹出式编辑模式,转到弹出式本身的保存或取消按钮。
    要退出InCell编辑模式,请将焦点移离网格。紧迫的输入在最后一行也结束编辑模式,但在其他行,它将下一行置于编辑模式,以允许快速数据输入。

  • 左/右箭头移动焦点到相邻的标头。
  • 向下的箭头将焦点移动到下面的单元格(FilterRow单元格或内容单元格)。
  • 输入如果启用排序,则切换下一个排序模式。

过滤行

  • 箭头键移动到表单中的下一个编辑器。
  • 输入进入道明并聚焦其中的第一个可聚焦元素。所有筛选器行组件获得tabindex=0。焦点仍然被困在筛选器行中。
  • 选项卡遍历筛选器行组件。
  • Esc重点在于道明元素包装当前聚焦的筛选器组件。

过滤器菜单

  • Alt+向下箭头当标题单元格被聚焦时,打开筛选器菜单。
  • 选项卡而且转变+选项卡循环筛选菜单字段。
  • Esc关闭筛选器菜单。注意,如果当前打开菜单中的下拉列表,逃避将关闭下拉列表,而不是过滤器菜单(按逃避第二次将关闭菜单)。
  • 空间切换checkboxmenuitem(如果聚焦)。

Multi-checkbox过滤器

  • 选项卡在搜索输入、复选框和操作按钮之间移动焦点。
  • 空间切换复选框(默认行为)。
  • 输入如果焦点在操作按钮上,则触发其操作。
  • Esc关闭菜单。

弹出编辑器

  • 选项卡移动到表单中的下一个编辑器。
  • Esc关闭编辑器。焦点从弹出窗口打开的地方转移到命令单元格。

描述

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

默认情况下,用户只能用键盘导航到链接、按钮和表单控件。交互项目接收键盘焦点的导航顺序必须符合逻辑和直观。一般来说,键盘导航逻辑需要遵循页面的视觉水平和垂直流,例如,从左到右,从上到下,头部先跟着主体,然后是页面导航。

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

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

支持和学习资源

发生错误。此应用程序可能不再响应,直到重新加载。
重新加载
Baidu
map