Cuadro combinado de selección única Blazor

    Blazor ComboBox admite el modo de selección única y el filtrado rápido de la lista de elementos a través del mensaje de entrada principal. Los usuarios pueden escribir rápidamente el elemento que están buscando y se les presentará una lista de opciones. Al presionar la tecla Intro, se seleccionará la primera coincidencia resaltada.

    Blazor Single Selection Example

    Para habilitar la selección única y el filtrado rápido, establezca la propiedad SingleSelect en el componente ComboBox. La experiencia del usuario y la navegación con el teclado seguirán siendo prácticamente las mismas, pero en lugar de tener que escribir su consulta de búsqueda en un cuadro de filtrado especial encima de la lista de opciones, se utilizará el cuadro de entrada principal.

    <IgbCombo SingleSelect></IgbCombo>
    

    Selection API

    La API de selección para un ComboBox con la propiedad SingleSelect aplicada sigue siendo prácticamente la misma; sin embargo, existen algunas diferencias importantes en comparación con los ComboBox que no tienen esta propiedad establecida.

    La principal diferencia es que sólo se puede seleccionar un elemento a la vez. Por ejemplo, si ha especificado una ValueKey para su componente combinado, pasar más de un elemento a los métodos Select / Deselect no tendrá ningún efecto. Esto también significa que cualquier elemento seleccionado previamente se deseleccionará automáticamente al realizar una nueva selección.

    A continuación se explica cómo seleccionar/deseleccionar un elemento mediante programación en un combo de selección única.

    Seleccionar elementos:

    <IgbCombo SingleSelect @ref="Combo"></IgbCombo>
    
    @code {
        private IgbCombo Combo;
    
        this.Combo.Select(new object[] { "UK01" });
    }
    

    Para anular la selección de un elemento sin realizar una nueva selección, llame al método deselect.

    Deseleccionar elementos:

    <IgbCombo SingleSelect @ref="Combo"></IgbCombo>
    
    @code {
        private IgbCombo Combo;
    
        this.Combo.Deselect(new object[] { "UK01" });
    }
    

    Disabled features

    Naturalmente, algunas opciones de configuración no tendrán efecto en un ComboBox de selección única.

    Placeholder

    Asignar un valor a la propiedad PlaceholderSearch no producirá ningún resultado ya que la entrada de filtrado que normalmente se coloca encima de la lista de opciones no estará presente en un único cuadro combinado de selección.

    Autofocusing the list of options

    Configurar la opción AutofocusList en un ComboBox de selección única tampoco tendrá ningún efecto.

    Keyboard Navigation

    La navegación con el teclado debe comportarse igual que con un ComboBox de selección no única, excepto por el hecho de que ahora la entrada principal desempeña el papel de un mensaje de filtrado y, por lo tanto, todas las acciones del teclado que se aplican a la entrada de filtrado/búsqueda se mueven al menú principal. mensaje de entrada.

    Other Features

    Todas las demás funciones se comportarán igual que en un componente ComboBox que no sea de selección única.

    API Reference

    Additional Resources