新的Telerik UI为Blazor?免费30天试用
TreeList -键盘导航
- 例子
- 查看源代码
- 在telerik repl中编辑
- 改变主题
默认的
第一个名字 | 姓 | 雇佣日期 |
---|
达里尔 | 斯威尼 | 2/7/2012晚上8:00:00 | ||
的家伙 | Wooten | 3/3/2010 8:00:00 PM | ||
巴菲 | 韦伯 | 7/11/2011下午6:00:00 | ||
斯凯勒 | 克利夫兰 | 11/10/2014 12:00:00 am | ||
普里西拉 | 弗兰克 | 11/30/2014 12:00:00 am | ||
厄休拉 | 福尔摩斯 | 6/6/2011 12:00:00 am | ||
梅尔文 | Carrillo | 7/21/2014 12:00:00 am | ||
玛莎 | 查韦斯 | 3/12/2013 12:00:00 am | ||
奥伦 | 狐狸 | 5/14/2013 12:00:00 am | ||
阿摩司 | 巴尔 | 3/9/2010 12:00:00 am |
- Keyboard-navigation.razor
- EmployeeDirectoryService.cs
- EmployeeDirectoryDto.cs
正在加载演示源代码…请稍等。
焦点
支持的键和用户操作
选项卡的焦点
的漫游TAB索引它的数据部分。
键将焦点移动到页面上所有可聚焦的元素中,树列表不会阻止它——它使用属性可以遍历树列表工具栏和筛选行
键,然后焦点将通过树列表的数据部分,您可以使用方向键在单元格和行中导航。紧迫的
从数据部分将焦点移动到页面上的下一个可聚焦元素——这可以是当前聚焦行中的某个可聚焦元素(比如一个按钮或单元格或模板中的一个输入),也可以是树列表之后页面上的下一个可聚焦元素(取决于页面的TAB顺序)。工具栏
工具栏实现了工具栏组件的键盘导航规范。你可以参考工具栏-键盘导航为其支持的快捷方式。
寻呼机
如果焦点在数据表中,并且启用了分页,按Tab键将焦点移动到分页器。你可以参考寻呼机-键盘导航为其支持的快捷方式。
表格
复选框列
编辑的行
要退出内联编辑模式,请转到命令列中的“更新”或“取消”按钮。
要退出弹出式编辑模式,转到弹出式本身的保存或取消按钮。
要退出InCell编辑模式,请将焦点移离网格。紧迫的 在最后一行也结束编辑模式,但在其他行,它将下一行置于编辑模式,以允许快速数据输入。
头
过滤行
过滤器菜单
Multi-checkbox过滤器
弹出编辑器
描述
键盘导航为所有网页和应用程序用户提供了一个快速的键盘导航功能,也是网页无障碍功能的一部分——它使残疾用户能够通过键盘完全控制他们的网站或应用程序访问。
默认情况下,用户只能用键盘导航到链接、按钮和表单控件。交互项目接收键盘焦点的导航顺序必须符合逻辑和直观。一般来说,键盘导航逻辑需要遵循页面的视觉水平和垂直流,例如,从左到右,从上到下,头部先跟着主体,然后是页面导航。
要启用Blazor的Telerik UI的键盘导航TreeList集通航= " true "
,如本演示所示。
这个TreeList键盘导航示例是数百个Blazor演示的独特集合的一部分,您可以看到所有演示Blazor组件的Telerik UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观开拓者的Telerik REPL或ThemeBuilder.