Syncfusion JavaScript Query Builder UI

Syncfusion查询编辑器JavaScript

使用可自定义的 UI 组件创建复杂的数据筛选条件。

  • 将筛选条件输出为结构化 JSON 和 SQL 查询格式。
  • 支持与数据可视化和 Data Manager 集成。
  • 为 UI 元素提供响应式设计和可自定义模板。
Syncfusion logo

起价:

加载中...
包含在以下产品
Syncfusion Essential Studio UI Component Suite加载中
Syncfusion Essential Studio Enterprise加载中
Syncfusion JavaScript Query Builder UI 产品图片
Syncfusion JavaScript Query Builder UI 使 IT 专业人员能够以可视化方式为大型数据集创建和管理复杂的筛选条件。它支持与数据可视化控件集成，并以 JSON 和 SQL 格式输出筛选条件。其灵活的模板系统和响应式设计可适配不同设备，提升跨平台的数据筛选体验。

数据绑定集成

使用 Data Manager 将 Query Builder 绑定到各种本地和远程数据源，包括 JSON、OData、WCF 和 RESTful services，以实现高效的数据获取和筛选。

筛选创建与分组

创建多个筛选条件，并使用 AND/OR 运算符对其进行逻辑分组，从而通过轻松添加和删除规则来定义复杂查询。

JSON 和 SQL 输出格式

使用结构化 JSON、内联 SQL、参数化 SQL、命名参数 SQL 或 Mongo query 格式导出和导入筛选条件，以便灵活集成后端。

模板自定义

通过 header、rule 和 value 模板，结合 checkbox、slider 和 dropdown list 等控件，自定义字段、运算符和数值输入等 UI 元素。

响应式与自适应布局

提供高度响应式的用户界面，针对桌面、平板和智能手机进行了优化，适用于包括 iOS、Android 和 Windows 在内的主要平台。

摘要视图显示

提供摘要视图，以 SQL 格式显示构建的筛选条件，使用户能够快速查看查询逻辑。

模型绑定支持

支持模型绑定，允许为字段、运算符和值列分配组件属性，以自定义行为和外观。

规则/分组锁定与克隆

启用锁定以防止对特定筛选规则或分组进行更改，并可克隆现有规则或分组以简化查询构建。

可访问性与本地化

符合 WAI-ARIA 和 WCAG 2.0 标准，支持屏幕阅读器、键盘导航、从右到左语言以及基于区域设置的格式化。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • JavaScript

JavaScript 平台

  • Vanilla JavaScript