带有图标的 RadListBox 的键盘导航

Question

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

例如：按下字母"D"时应该关注"Dock"

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

Answer 1

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

您必须使列表框处于焦点状态，然后键入一个键以 select 第一个字母与按下的键匹配的项目。为了将焦点放在列表框上，您可以：用鼠标单击，选择它，在 JS 中设置焦点，或使用 KeyboardNavigationSettings.CommandKey 和 KeyboardNavigationSettings.FocusKey 来帮助键盘导航。

示例：

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

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

参考： Telerik RadListBox Keyboard Navigation Demo << 这里有您需要的所有示例代码。

Answer 2

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

download sample project here.

此项目在 google chrome 版本 60.0.3112.113（官方构建）（64 位）

上测试

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

记得改AccessKey 属性改快捷键:

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

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

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