Estoy usando RadListBox para mostrar una lista de elementos. Cada elemento tiene un icono. El requisito es saltar sobre el elemento cuando se presiona la primera letra de ese elemento.

Por ejemplo: debería centrarse en "Dock" cuando se presiona la letra "D"

¿Hay alguna función incorporada para lograr esto?>

enter image description here

10
Ned 9 sep. 2017 a las 22:12

2 respuestas

La mejor respuesta

Parece que este es un error de Telerik, pero hice un proyecto, una situación de prueba y está funcionando.

descargue el proyecto de muestra aquí.

screenshot

Este proyecto probado en google chrome versión 60.0.3112.113 (compilación oficial) (64 bits)

Después de ejecutar el proyecto, presione Alt+s o Alt+o o Alt+c

Recuerde cambiar la propiedad AccessKey para cambiar la tecla de método abreviado:

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

Debo decir que esta NO es una solución perfecta.

RadListBox es un potente control ASP.NET AJAX para mostrar una lista de elementos. Permite la selección múltiple de elementos, reordenar y transferir entre dos cuadros de lista. Arrastrar y soltar también es totalmente compatible.

0
Farhad 21 sep. 2017 a las 07:57

Esta funcionalidad está integrada en RadListBox desde el primer momento.

Debe tener el cuadro de lista enfocado y luego escribir una tecla para seleccionar el elemento con la primera letra que coincida con la tecla que se presionó. Para enfocarse en el cuadro de lista puede: hacer clic con el mouse, tabular hacia él, establecer el enfoque en JS o usar KeyboardNavigationSettings.CommandKey y KeyboardNavigationSettings.FocusKey para ayudar con la navegación del teclado.

Ejemplo:

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

También puede usar EnableMarkMatches para resaltar más de una coincidencia si es necesario y para escribir más de una letra para seleccionar.

Referencia: Telerik RadListBox Keyboard Demostración de navegación << Esto tiene todo el código de muestra que necesita.

1
chambo 15 sep. 2017 a las 20:29