Vaadin-combo-box: Permitir apenas selecionar itens da lista de itens?

Criado em 9 mar. 2017  ·  3Comentários  ·  Fonte: vaadin/vaadin-combo-box

Ei todo mundo,

obrigado pelo bom componente. Estou procurando uma solução para usar esta caixa de combinação como uma lista suspensa simples em alguns casos, mas não consegui encontrar uma maneira de selecionar itens do atributo items .

Quando uso <vaadin-combo-box allow-custom-value="false"> posso inserir qualquer valor no campo de entrada. Este é realmente o comportamento pretendido?

Comentários muito úteis

É assim que os atributos booleanos funcionam: se você definir o atributo, significa true , se você removê-lo - significa false . Você não pode passar false de uma maneira que você faz, então apenas remova o atributo e você ficará bem. Você pode usar vinculações de dados para especificar se o valor personalizado deve ser permitido.

Todos 3 comentários

É assim que os atributos booleanos funcionam: se você definir o atributo, significa true , se você removê-lo - significa false . Você não pode passar false de uma maneira que você faz, então apenas remova o atributo e você ficará bem. Você pode usar vinculações de dados para especificar se o valor personalizado deve ser permitido.

Se você não quiser permitir que o usuário digite no campo e só abra a lista suspensa quando o campo for clicado, você pode usar vaadin-combo-box-light e usar um elemento de entrada somente leitura. Aqui está um exemplo rápido: http://jsbin.com/loqobonake/edit?html ,output

A partir daí, você pode estilizar a entrada para se parecer com outra coisa, se necessário.

@web-padawan, @jouni : Obrigado pela contribuição. Isso funciona! 👍

Esta página foi útil?
0 / 5 - 0 avaliações