Syncfusion Vue UI Selection Controls

SyncfusionControles de Seleção da InterfaceJavaScript

Componentes abrangentes de seleção para aplicativos Vue modernos.

  • Oferece suporte a padrões de seleção única, múltipla e hierárquica.
  • Inclui listas suspensas, caixas de combinação, autocomplete e componentes de lista.
  • Oferece filtragem, templates e controles de estado interativos.
Syncfusion logo

Preços a partir de:

Carregando...
Disponível em
Syncfusion Essential Studio UI Component SuiteCarregando
Syncfusion Essential Studio EnterpriseCarregando
imagem do produto Syncfusion Vue UI Selection Controls
Os controles de seleção da interface do usuário do Syncfusion Vue fornecem um conjunto abrangente de componentes para lidar com cenários de escolha e seleção do usuário em aplicativos Vue. Ele inclui menus suspensos pesquisáveis, seletores hierárquicos, entradas baseadas em listas e controles de formulário clássicos, todos projetados para se integrar perfeitamente ao data binding do Vue e ao gerenciamento de estado reativo.

Seleção única estruturada com DropDown List

O DropDown List permite que os usuários selecionem um valor de uma fonte de dados predefinida. Ele oferece suporte a agrupamento, filtragem e modelos personalizados de itens, ajudando os desenvolvedores a apresentar informações estruturadas com clareza em formulários e painéis de configuração.

Lidando com várias escolhas com MultiSelect DropDown

O MultiSelect DropDown permite que os usuários escolham vários valores em um campo de entrada compacto. A filtragem integrada e as opções flexíveis de exibição o tornam adequado para sistemas de marcação, seleção de categorias e interfaces avançadas de filtragem.

Navegando por dados hierárquicos com DropDown Tree

O DropDown Tree apresenta dados aninhados em uma estrutura expansível dentro de um menu suspenso. Os usuários podem selecionar nós pai e filho, tornando-o útil para estruturas organizacionais, árvores de categorias e conjuntos de dados multinível.

Entrada de texto orientada usando AutoComplete e ComboBox

O AutoComplete sugere entradas correspondentes conforme os usuários digitam, enquanto o ComboBox combina a entrada digitada com opções selecionáveis. Juntos, eles oferecem suporte a padrões flexíveis de inserção de dados, ajudando a manter a consistência com as fontes de dados disponíveis.

Comparando registros detalhados no MultiColumn ComboBox

O MultiColumn ComboBox exibe vários campos de dados para cada item em seu menu suspenso. Esse layout ajuda os usuários a revisar informações relacionadas antes de selecionar um valor, o que é particularmente útil para dados empresariais estruturados.

Gerenciando listas e transferências com ListBox

O ListBox apresenta itens em um formato de lista selecionável com suporte para modos de seleção única e múltipla. Recursos de arrastar e soltar e de reordenação permitem que os usuários gerenciem coleções diretamente na interface.

Decisões claras em formulários com Radio Button e CheckBox

Os componentes Radio Button e CheckBox lidam com seleções exclusivas e independentes em formulários. Eles fornecem comportamento previsível e estados visuais claros, tornando-os adequados para painéis de configurações e formulários de preferências do usuário.

Alterações interativas de estado com Toggle Switch e Button Group

O Toggle Switch Button representa valores booleanos com feedback visual imediato. O Button Group organiza opções relacionadas em botões selecionáveis, oferecendo uma forma compacta de apresentar escolhas mutuamente exclusivas ou múltiplas.

Seleção inline e marcação com Mention e Chips

O componente Mention exibe sugestões quando um caractere de gatilho é inserido em um campo de texto, permitindo referências contextuais. O componente Chips representa os valores selecionados como elementos compactos que podem ser adicionados, selecionados ou removidos dentro do layout.

Compatibilidade do produto

Revise os detalhes abaixo para garantir que este produto seja compatível com o seu ambiente.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • Vue.js