Controles de seleção de UI do DevExtreme Angular

DevExpressControles de Seleção da InterfaceJavaScript

Controles de seleção Angular versáteis para interfaces de usuário ricas.

  • Inclui o SelectBox para seleção de itens com pesquisa e agrupamento.
  • O componente List oferece suporte aos modos de seleção única, múltipla e de todos os itens.
  • O DataGrid oferece seleção avançada de linhas com opções adiadas e em lote.
DevExpress logo

Preços a partir de:

Carregando...
Disponível em
DevExtreme CompleteCarregando
DevExpress DXperienceCarregando
DevExpress UniversalCarregando
DevExpress VCL Subscription +Carregando
Precisa de ajuda para escolher? Veja Como comprar e a especificação
imagem do produto Controles de seleção de UI do DevExtreme Angular
Os controles de seleção de UI do DevExtreme Angular oferecem um conjunto abrangente de componentes projetados para lidar com seleções de usuários de forma eficiente em aplicativos Angular. De simples listas suspensas a grades de dados complexas, esses controles fornecem recursos como pesquisa, agrupamento, vários modos de seleção e tratamento de eventos para aprimorar a interação do usuário e o gerenciamento de dados.

Componente SelectBox

Fornece um editor de lista suspensa que permite aos usuários selecionar ou adicionar valores de uma lista. Oferece suporte a recursos como vinculação de dados a arrays ou fontes externas, funcionalidade de pesquisa, agrupamento de itens e personalização do menu suspenso com opções de popup.

Modos de seleção da List

Permite a seleção de itens em uma lista usando modos de seleção única, múltipla ou de todos os itens. Incorpora caixas de seleção para indicar seleções e permite a seleção por clique ou exclusivamente por meio de caixas de seleção.

Controles de seleção na List

As opções incluem mostrar caixas de seleção de seleção, controlar a seleção por cliques e gerenciar o comportamento de selecionar tudo em todos os itens ou dados paginados. Oferece suporte ao tratamento de eventos para alterações de seleção, a fim de responder às ações do usuário.

Seleção de linhas no DataGrid

Oferece suporte à seleção de uma ou várias linhas com caixas de seleção em uma coluna de seleção dedicada. Inclui recursos como selecionar tudo/deselecionar tudo com modos para atingir todas as páginas ou a página atual, e seleção adiada para desempenho em grandes conjuntos de dados.

Seleção adiada no DataGrid

Permite que as operações de seleção sejam adiadas carregando dados somente quando necessário, melhorando o desempenho com fontes de dados grandes, especialmente quando os usuários selecionam todos os registros.

Tratamento de eventos de seleção

Todos os componentes emitem eventos como alterações de valor ou alterações de estado de seleção, permitindo que os desenvolvedores implementem lógica personalizada quando os usuários selecionam ou desselecionam itens ou linhas.

APIs de seleção inicial e em tempo de execução

Métodos e propriedades permitem que os desenvolvedores definam programaticamente seleções iniciais, modifiquem seleções em tempo de execução e consultem chaves ou dados selecionados, oferecendo flexibilidade para cenários dinâmicos de aplicativos.

Personalização e integração

Os componentes oferecem suporte à personalização por meio de templates, agrupamento, filtragem e ajustes de popup. Eles se integram a aplicativos Angular seguindo práticas padrão de importação de componentes e módulos.

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