InputAutoComplete

Componente de input para seleção de itens em uma lista de opções, com suporte a carregamento de opções por requisição ajax e buscas através de um campo com requisições instantâneas ao backend com os parâmetros digitados.

Suas propriedades

optionsUrl String

URL na qual será feito chamadas via ajax, montando assim os itens da lista de maneira dinâmica.

default: undefined

options Array

Caso os dados não sejam preenchidos dinamicamente através da propriedade optionsUrl, eles podem ser carregados estaticamente nessa propriedade.

default: []
Exemplo
<InputAutocomplete
    options={[
        { name: 'foo', id: 'foo' },
        { name: 'bar', id: 'bar' }
    ]}
/>

requestTimeout Number

Tempo limite de uma chamada via ajax ao backend, passando deste tempo a conexão é desfeita.

default: 300

nameField String

Nome do campo no lista de itens que será utilizado como nome do option do select.

default: 'name'

valueField String

Nome do campo no lista de itens que será utilizado como value do option do select.

default: 'id'

multiple Boolean

Caso true, habilita a seleção multipla de opções.

default: false

maxOptions Number

Quantidade máxima de itens a serem obtidos no servidor.

default: 99

maxOptionsParam String

Nome do parametro na query string enviado para o backend com a quantidade de itens que deve ser retornado.

default: 'limit'

searchParam String

Nome do parametro na query string enviado para o backend com os parâmetros de busca.

default: 'query'

actionButtons Array

Objeto utilizado para definir botões no InputAutocompleteResult. Como pode ser visto no exemplo acima, de acordo com as propriedades, um botão é montado dentro do select do InputAutocomplete.

default: []

dependsOn Object

Objeto definindo o input em que este select é dependente.

dependableId String

Id do elemento DOM para o input dependente.

param String

Parâmetro a ser enviado ao servidor para requisição das opções.

default: null

Funções de callback

onLoad Function

Função de callback chamada quando os dados são carregados do backend.

default: null

onLoadError Function

Função de callback chamada quando ocorre um erro ao carregar os dados do backend.

default: null

onSelect Function

Função de callback chamada quando uma opção é selecionada.

default: null