DevExtreme Vue UI Selection Controls

DevExpressControles de Seleção da InterfaceJavaScript

Controles de seleção personalizáveis para interfaces de usuário em Vue.

  • Suporta modos de seleção único, múltiplo e selecionar tudo.
  • Inclui controles de caixa de seleção para seleção intuitiva de itens.
  • Fornece eventos e APIs para gerenciar seleções programaticamente.
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 DevExtreme Vue UI Selection Controls
Os controles de seleção DevExtreme Vue UI oferecem recursos de seleção flexíveis e poderosos dentro de aplicações Vue. Esses componentes permitem que os desenvolvedores implementem a seleção de um único item ou de vários itens em listas, com a interação do usuário gerenciada por cliques ou caixas de seleção. Sua API abrangente oferece suporte ao gerenciamento de estado reativo e ao tratamento de eventos para integração fluida em SPAs empresariais modernas.

Modos de Seleção

Configure o comportamento da seleção com os modos de seleção único, múltiplo, todos ou desativado para atender às necessidades da aplicação. Os desenvolvedores podem alternar os modos dinamicamente com base nos requisitos da interface.

Indicadores Visuais de Seleção

Ative caixas de seleção ao lado dos itens da lista para tornar as seleções explícitas. Isso oferece maior usabilidade, especialmente ao selecionar todos os itens de uma vez.

Opções de Interação do Usuário

Controle como os usuários selecionam itens por meio de cliques ou alternância de caixas de seleção. Desative a seleção ao clicar no item se você exigir seleção apenas por meio dos controles de caixa de seleção.

Funcionalidade Selecionar Tudo

Implemente uma caixa de seleção 'Selecionar Tudo' para permitir que os usuários selecionem todos os itens da página atual ou de todas as páginas, configurável por meio da propriedade selectAllMode.

Seleção Programática

Selecione ou desselecione itens programaticamente por chave ou índice, permitindo controle refinado sobre o estado de seleção.

Tratamento de Eventos

Reaja às mudanças de seleção e atualize o estado da aplicação ou dispare efeitos colaterais nas ações de seleção do usuário.

Acessibilidade e Configuração

Forneça atributos de acessibilidade e configure experiências de seleção de itens para atender a diversas necessidades dos usuários, garantindo uma interface inclusiva para todos os usuários.

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