Autocomplete

Free

Campo de texto que filtra una lista mientras se escribe. Admite las flechas, Intro y Escape y sigue el patrón ARIA combobox. El valor es siempre uno de los elementos.

Ejemplo

Parámetros

Parámetro	Tipo	Descripción
`Class`	`string`	Clases CSS adicionales que se agregan al elemento raíz.
`DebounceMilliseconds`	`int`	Espera tras la última tecla antes de llamar a ItemsProvider (250 de forma predeterminada).
`Disabled`	`bool`	Desactiva la interacción.
`DisplayName`	`string`	Nombre usado en los mensajes de validación.
`GroupBy`	`Func<string, string>`	Devuelve el encabezado de grupo de un elemento; los elementos se enumeran bajo sus encabezados.
`HelperText`	`string`	Indicación que se muestra bajo el campo.
`Items`	`IEnumerable<string>`	Las opciones entre las que elegir.
`ItemsProvider`	`Func<string, CancellationToken, Task<IEnumerable<string>>>`	Carga las coincidencias para el texto escrito (texto, token de cancelación); se usa en lugar de Items.
`ItemText`	`Func<string, string>`	Convierte un elemento en su texto para mostrar (ToString() de forma predeterminada).
`Label`	`string`	Texto visible de la etiqueta (gráficos: nombre accesible; IconButton: nombre accesible y sugerencia).
`ListHeader`	`RenderFragment`
`MatchText`	`Func<string, string>`
`MaxItems`	`int`	Mayor número de sugerencias que se muestran. Para Autocomplete y un Select con búsqueda, 0 (el valor predeterminado) muestra todas las coincidencias de una lista fija y los primeros 10 resultados de un ItemsProvider; Breadcrumbs, Mention y MultiColumnComboBox tienen sus propios valores predeterminados.
`MinChars`	`int`	Caracteres necesarios antes de que aparezcan sugerencias.
`OptionTemplate`	`RenderFragment<string>`	Contenido personalizado para cada opción. El elemento está disponible como contexto.
`Placeholder`	`string`	Marcador de posición que se muestra cuando el campo está vacío.
`ReadOnly`	`bool`	Muestra el valor pero no permite cambios.
`ShowToggle`	`bool`	Agrega un botón que abre la lista completa.
`Style`	`string`	Estilo en línea agregado al elemento raíz.
`Value`	`string`	Valor actual. Úselo con @bind-Value.

Eventos

Evento	Tipo	Descripción
`ValueChanged`	`EventCallback<string>`	Se genera cuando cambia el valor.

Paquete

Autocomplete forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.

Enviar comentariosVersión 1.0.3