Syncfusion Angular UI Selection Controls

SyncfusionControles de Seleção da InterfaceJavaScript

Componentes Angular para seleção única, múltipla e hierárquica.

  • Inclui botões de opção, caixas de seleção, toggles e button groups.
  • Dropdowns avançados com suporte a filtragem e agrupamento.
  • Oferece suporte à seleção hierárquica, multicoluna e contextual de dados.
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 Angular UI Selection Controls
Os Syncfusion Angular UI Selection Controls oferecem um amplo conjunto de componentes para capturar e gerenciar escolhas de usuários em aplicações Angular. De botões de opção e caixas de seleção básicas a dropdowns avançados, inputs de seleção múltipla e árvores hierárquicas, eles oferecem suporte a data binding estruturado, templates e integração com formulários em interfaces corporativas.

Controles de Radio Button e Checkbox

Os componentes de radio button e checkbox lidam com seleções exclusivas e múltiplas em formulários e telas de configurações. Os desenvolvedores podem agrupar opções, controlar o posicionamento do rótulo e vincular valores diretamente aos modelos do Angular. Ambos os componentes funcionam com forms template driven e reactive forms, incluindo validação e gerenciamento de estado.

Toggle Switch e Button Group Inputs

O toggle switch representa estados ligado e desligado com uma interface de switch moderna, enquanto o button group organiza opções relacionadas em um único conjunto selecionável. Os modos de seleção podem ser configurados para valores únicos ou múltiplos, com suporte completo a data binding e eventos de alteração.

Interfaces de Seleção Baseadas em Chips

O componente chips exibe itens selecionados como elementos compactos dentro da interface. Ele oferece suporte à seleção única e múltipla, templates personalizados e remoção de itens. Essa abordagem funciona bem para marcação, filtragem e seleção de categorias, em que os usuários precisam de um resumo visual claro dos valores escolhidos.

Inputs de Autocomplete e ComboBox

Os componentes de autocomplete e combo box apresentam sugestões conforme os usuários digitam, reduzindo erros de entrada e acelerando a inserção de dados. Eles podem se conectar a arrays locais ou serviços de dados remotos, aplicar filtragem e renderizar templates personalizados de itens. O combo box também permite selecionar entre opções predefinidas.

Componentes Drop Down List e MultiSelect

O dropdown list oferece suporte à seleção única a partir de dados estruturados com opções de agrupamento e filtragem. O dropdown multi select amplia essa capacidade para múltiplos valores, incluindo seleção por checkbox e virtualização para conjuntos de dados maiores. Ambos os componentes se integram perfeitamente aos forms do Angular.

ListBox para Gerenciamento Avançado de Itens

O componente ListBox exibe coleções de itens com modos de seleção única ou múltipla. Ele oferece suporte a arrastar e soltar entre listas, reordenação e agrupamento. Isso o torna adequado para cenários como atribuição de recursos, gerenciamento de categorias ou organização de opções configuráveis.

Seleção Hierárquica com DropDown Tree

O DropDown Tree combina uma estrutura de tree view com comportamento de dropdown, permitindo que os usuários selecionem itens de dados hierárquicos. Ele oferece suporte à seleção de nós pai e filho, modos com checkbox e filtragem. Esse componente é útil ao trabalhar com categorias aninhadas ou estruturas organizacionais.

Componente Mention para Seleção Contextual

O componente Mention exibe uma lista de sugestões filtradas quando um usuário digita um caractere de acionamento em uma área de texto ou campo de entrada. Ele faz binding a dados estruturados e oferece suporte a itens com template, tornando-o adequado para referenciar usuários, tags ou entidades em interfaces colaborativas.

MultiColumn ComboBox para Apresentação Rica de Dados

O MultiColumn ComboBox apresenta dados tabulares dentro do seu dropdown, mostrando vários campos por registro. Esse layout ajuda os usuários a comparar valores relacionados antes de fazer uma seleção. Ele oferece suporte a filtragem, ordenação e data binding para aplicações que gerenciam dados de negócios estruturados.

Suporte à Integração com Formulários e Data Binding

Todos os componentes de seleção são desenvolvidos para aplicações Angular e se integram com forms template driven e reactive forms. Eles expõem eventos consistentes e APIs de valor, facilitando o acompanhamento de alterações, a validação de entradas e a conexão das seleções ao estado da aplicação ou a serviços de backend.

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

  • Angular