Syncfusion Vue Query Builder UI

SyncfusionEditores de ConsultaJavaScript

Crie filtros de dados complexos com um componente Vue responsivo de UI.

  • Integra-se sem esforço com controles de visualização de dados.
  • Gera consultas de filtro estruturadas em JSON e SQL.
  • Oferece suporte à personalização com templates e múltiplos temas.
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 Query Builder UI
O Syncfusion Vue Query Builder UI oferece uma interface dinâmica para construir filtros de dados complexos usando lógica AND/OR. Projetado para integração fluida com componentes de visualização de dados como grids e charts, ele oferece suporte a várias fontes de dados e gera filtros nos formatos JSON ou SQL. Seu design responsivo garante usabilidade em desktops e dispositivos móveis, além de oferecer ampla personalização por meio de templates e temas.

Integração de Dados

Faça a ligação de dados facilmente com várias fontes locais e remotas, incluindo JSON, OData, WCF e serviços RESTful usando um data manager, permitindo um tratamento de dados flexível e robusto.

Criação Flexível de Filtros

Os usuários podem criar e agrupar múltiplas condições usando lógica AND/OR por meio de uma UI intuitiva, facilitando a filtragem precisa de dados relevante para cenários complexos.

Formatos de Saída Estruturados

Gera filtros JSON estruturados e oferece suporte a vários formatos SQL para consultas de filtro, permitindo parsing e integração diretos com sistemas de backend.

Templates de UI Personalizáveis

Oferece suporte à adição de controles personalizados como checkboxes, sliders e listas suspensas usando templates de cabeçalho, regra e valor para adaptar a experiência de filtragem.

Responsivo e Pronto para Mobile

Oferece um layout altamente responsivo otimizado para desktops, telas sensíveis ao toque e smartphones nas plataformas iOS, Android e Windows.

Múltiplos Temas Integrados

Inclui temas como Fluent, Tailwind CSS, Bootstrap, Material e Fabric, com uma ferramenta online Theme Studio para facilitar a personalização de temas.

Suporte a Globalização e Localização

Adapta-se a diferentes localidades formatando strings de acordo com as preferências do usuário, melhorando a acessibilidade para um público global.

Capacidades de Importação e Exportação

Permite importar e exportar regras de filtro nos formatos JSON, SQL (inline, parameterized, named) e Mongo query para facilitar a troca e a persistência de dados.

Recursos Avançados para Integridade de Dados

Oferece funcionalidade para bloquear e clonar grupos ou regras de filtro, garantindo a integridade dos dados e permitindo um gerenciamento eficiente de filtros.

Conformidade de Acessibilidade

Oferece suporte total aos padrões de acessibilidade WAI-ARIA e às diretrizes WCAG 2.0, incluindo interação por teclado e suporte a idiomas da direita para a esquerda.

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