RayCraftDocs
v1.0.3
pt-BR
raycraft.dev
Nesta página

Autocomplete

Free

Campo de texto que filtra uma lista enquanto você digita. Aceita as setas, Enter e Escape e segue o padrão ARIA combobox. O valor é sempre um dos itens.

Exemplo

Controle Autocomplete

Parâmetros

ParâmetroTipoDescrição
ClassstringClasses CSS extras adicionadas ao elemento raiz.
DebounceMillisecondsintEspera após a última tecla antes de ItemsProvider ser chamado (250 por padrão).
DisabledboolDesativa a interação.
DisplayNamestringNome usado nas mensagens de validação.
GroupByFunc<string, string>Devolve o título de grupo de um item; os itens são listados sob seus títulos.
HelperTextstringDica mostrada abaixo do campo.
ItemsIEnumerable<string>As opções entre as quais escolher.
ItemsProviderFunc<string, CancellationToken, Task<IEnumerable<string>>>Carrega as correspondências para o texto digitado (texto, token de cancelamento); usado no lugar de Items.
ItemTextFunc<string, string>Converte um item no seu texto de exibição (ToString() por padrão).
LabelstringTexto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta).
ListHeaderRenderFragment
MatchTextFunc<string, string>
MaxItemsintMaior número de sugestões mostradas. Para Autocomplete e um Select pesquisável, 0 (o padrão) mostra todas as correspondências de uma lista fixa e os 10 primeiros resultados de um ItemsProvider; Breadcrumbs, Mention e MultiColumnComboBox têm seus próprios padrões.
MinCharsintCaracteres necessários antes de as sugestões aparecerem.
OptionTemplateRenderFragment<string>Conteúdo personalizado para cada opção. O item está disponível como contexto.
PlaceholderstringTexto de exemplo mostrado quando o campo está vazio.
ReadOnlyboolMostra o valor mas não permite alterações.
ShowToggleboolAdiciona um botão que abre a lista completa.
StylestringEstilo embutido adicionado ao elemento raiz.
ValuestringValor atual. Use com @bind-Value.

Eventos

EventoTipoDescrição
ValueChangedEventCallback<string>Gerado quando o valor muda.

Pacote

Autocomplete faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.