Syncfusion JavaScript UI Selection Controls

SyncfusionControles de Seleção da InterfaceJavaScript

Controles de seleção abrangentes para interfaces web em JavaScript.

  • Suporta modelos de seleção única, múltipla e hierárquica.
  • Inclui listas suspensas, combo boxes, autocomplete e componentes de lista.
  • Oferece filtragem, templates e controles interativos de estado.
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 JavaScript UI Selection Controls
Os controles de seleção de UI JavaScript da Syncfusion fornecem um conjunto abrangente de componentes para capturar e gerenciar as escolhas dos usuários em aplicações web. Ele abrange entradas de formulário comuns, seletores pesquisáveis, dropdowns hierárquicos e controles interativos de estado, oferecendo aos desenvolvedores APIs consistentes e opções flexíveis de configuração em projetos do lado do cliente.

Escolhas Estruturadas com DropDown List

A DropDown List permite que os usuários selecionem um único valor de um conjunto de dados predefinido. Ela oferece suporte a agrupamento, filtragem e modelos personalizados de itens, ajudando você a apresentar informações estruturadas com clareza em formulários e telas de entrada de dados.

Lidando com Múltiplas Seleções em Um Campo

A MultiSelect DropDown permite que os usuários escolham vários itens em uma área de entrada compacta. A filtragem integrada e a exibição personalizável dos valores selecionados a tornam adequada para cenários de marcação, categorização e filtragem avançada.

Navegando por Dados Aninhados com DropDown Tree

A DropDown Tree exibe dados hierárquicos dentro de uma interface suspensa. Os usuários podem expandir nós, revisar elementos filhos e selecionar itens em diferentes níveis. O suporte a caixas de seleção ajuda a representar seleções em ramificações da hierarquia.

Entrada Mais Rápida com AutoComplete

O componente AutoComplete sugere entradas correspondentes conforme os usuários digitam, reduzindo erros e melhorando a velocidade. Ele oferece suporte a lógica de filtragem personalizada e pode se vincular a arrays locais ou fontes de dados remotas para sugestões dinâmicas.

Entrada Flexível com ComboBox

A ComboBox combina entrada de texto com uma lista selecionável de opções predefinidas. Os usuários podem escolher na lista ou inserir um valor personalizado, tornando-a útil em cenários em que são necessárias tanto entradas guiadas quanto livres.

Comparando Dados com MultiColumn ComboBox

A MultiColumn ComboBox apresenta vários campos para cada item em seu menu suspenso, permitindo que os usuários comparem valores relacionados antes de fazer uma seleção. Esse layout é muito adequado para dados empresariais estruturados.

Gerenciando Coleções com ListBox

A ListBox exibe itens em um formato de lista selecionável com suporte para seleção única ou múltipla. Os recursos de arrastar e soltar e de reordenação permitem que os usuários organizem ou transfiram itens diretamente na interface.

Decisões Claras em Formulários com Radio Button e CheckBox

Os componentes Radio Button e CheckBox lidam com escolhas mutuamente exclusivas e independentes em formulários. Eles fornecem indicação clara de estado e layouts configuráveis, garantindo comportamento previsível nos fluxos de trabalho de entrada do usuário.

Alterações Imediatas de Estado com Toggle Switch e Button Group

O Toggle Switch Button representa valores booleanos em um formato interativo com feedback visual instantâneo. O Button Group organiza opções relacionadas como botões selecionáveis, permitindo que os usuários alternem entre escolhas rapidamente.

Entrada Contextual com Mention e Chips

O componente Mention exibe sugestões quando um caractere de acionamento é digitado dentro de um campo de texto, permitindo referências embutidas. O componente Chips representa valores selecionados como elementos visuais compactos que podem ser adicionados, selecionados ou removidos.

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

  • JavaScript vanilla