Syncfusion JavaScript Query Builder UI

SyncfusionEditores de ConsultaJavaScript

Crie filtros de dados complexos com componentes de UI personalizáveis.

  • Gera filtros nos formatos de consulta JSON estruturado e SQL.
  • Oferece suporte à integração com visualização de dados e Data Manager.
  • Oferece design responsivo e templates personalizáveis para elementos da UI.
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 Query Builder UI
A interface de JavaScript Query Builder da Syncfusion permite que profissionais de TI criem e gerenciem visualmente condições de filtro complexas para grandes conjuntos de dados. Ela oferece suporte à integração com controles de visualização de dados e gera filtros nos formatos JSON e SQL. Seu sistema flexível de templates e design responsivo se adaptam a diferentes dispositivos, aprimorando a experiência de filtragem de dados em várias plataformas.

Integração de Data Binding

Associe o Query Builder a várias fontes de dados locais e remotas, incluindo JSON, OData, WCF e serviços RESTful, usando o Data Manager para uma obtenção e filtragem de dados eficientes.

Criação e Agrupamento de Filtros

Crie várias condições de filtro e agrupe-as logicamente com operadores AND/OR, permitindo definições de consulta complexas com adições e exclusões de regras de forma simples.

Formatos de Saída JSON e SQL

Exporte e importe filtros usando JSON estruturado, SQL inline, SQL parametrizado, SQL com parâmetros nomeados ou formatos de consulta Mongo para integração flexível com o backend.

Personalização de Templates

Personalize elementos da UI, como campos, operadores e entradas de valor, incorporando controles como caixas de seleção, sliders e listas suspensas por meio de templates de cabeçalho, regra e valor.

Layout Responsivo e Adaptativo

Apresenta uma interface de usuário altamente responsiva, otimizada para desktops, tablets e smartphones em principais plataformas, incluindo iOS, Android e Windows.

Exibição de Visão Resumida

Oferece uma visão resumida que exibe o filtro construído no formato SQL, permitindo que os usuários revisem rapidamente a lógica da consulta.

Suporte a Data Binding de Modelo

Oferece suporte a data binding de modelo, permitindo a atribuição de propriedades do componente para colunas de campo, operador e valor, a fim de personalizar o comportamento e a aparência.

Bloqueio e Clonagem de Regras/Grupos

Permite bloquear para evitar alterações em regras ou grupos de filtro específicos e clonar regras ou grupos existentes para simplificar a criação de consultas.

Acessibilidade e Localização

Está em conformidade com os padrões WAI-ARIA e WCAG 2.0, oferecendo suporte a leitores de tela, navegação por teclado, idiomas da direita para a esquerda e formatação baseada em localidade.

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