telerik - 带有图标的 RadListBox 的键盘导航

Question

我正在使用 RadListBox 显示项目列表。每个项目都有一个图标。当按下该项目的第一个字母时，要求是在该项目上跳跃。

例如：当按下字母“D”时，它应该聚焦在“Dock”上

是否有任何内置功能可以完成此操作>

Answer 1

此功能内置在 RadListBox 中，开箱即用。

您必须使列表框成为焦点，然后键入一个键来选择第一个字母与所按下的键匹配的项目。为了专注于列表框，您可以：用鼠标单击，tab 到它，在 JS 中设置焦点，或者使用KeyboardNavigationSettings.CommandKeyandKeyboardNavigationSettings.FocusKey帮助键盘导航。

例子：

 RadListBox1 = new RadListBox()
 RadListBox1.KeyboardNavigationSettings.CommandKey = KeyboardNavigationModifier.Alt;
 RadListBox1.KeyboardNavigationSettings.FocusKey = KeyboardNavigationKey.L;

如有必要，您还可以使用EnableMarkMatches突出显示多个匹配项并输入多个字母进行选择。

参考： Telerik RadListBox 键盘导航演示 << 这包含您应该需要的所有示例代码。

Answer 2

似乎这是一个 Telerik 错误，但我做了一个项目，测试情况并且它正在工作。

在此处下载示例项目。

该项目在 google chrome 版本 60.0.3112.113 (Official Build) (64-bit) 上测试

运行项目后按Alt+s或Alt+o或Alt+c

记住更改AccessKey属性以更改快捷键：

RadListBox1.Items[0].AccessKey = "s";

我应该说这不是一个完美的解决方案。

RadListBox是一个强大的 ASP.NET AJAX 控件，用于显示项目列表。它允许在两个列表框之间进行多项选择、重新排序和传输。拖放也完全支持。