Syncfusion Angular Query Builder UI

Syncfusion查询编辑器JavaScript

使用响应式 Angular UI 组件构建可自定义的查询筛选器。

  • 与网格和图表等数据可视化工具轻松集成。
  • 支持以 JSON 和多种 SQL 格式输出筛选结果。
  • 针对规则和值提供高度可自定义的模板，并具有响应式设计。
Syncfusion logo

起价:

加载中...
包含在以下产品
Syncfusion Essential Studio UI Component Suite加载中
Syncfusion Essential Studio Enterprise加载中
Syncfusion Angular Query Builder UI 产品图片
Syncfusion Angular Query Builder UI 提供了一个复杂的 Angular UI，用于使用 AND/OR 逻辑构建和编辑带有嵌套条件的查询。它可轻松生成结构化 JSON 筛选器并转换为 SQL，支持筛选器的导入/导出，并可适配各种屏幕尺寸。还可通过添加复选框和滑块等交互式控件来定制 UI，为不同应用需求提供灵活性。

结构化查询构建

使用 AND/OR 逻辑构建复杂的嵌套筛选条件，在 Angular 应用中高效查询大型数据集。

JSON 和 SQL 输出格式

将筛选器输出为结构化 JSON 或各种 SQL 查询格式，便于与数据库和数据管理层轻松集成。

数据绑定灵活性

通过集成的数据管理器组件绑定本地和远程数据源，包括 JSON、OData、WCF 和 RESTful 服务。

筛选器导入和导出

导入现有筛选器或以 JSON 和 SQL 格式导出当前查询，以便持久化存储或共享筛选条件。

响应式和自适应设计

采用针对桌面、平板和移动设备优化的布局，支持 iOS、Android 和 Windows 平台，确保一致的用户体验。

通过模板进行 UI 自定义

可使用模板广泛自定义 query builder 的用户界面，插入下拉框、滑块和复选框等控件以配置特定规则值。

与可视化组件集成

与数据网格和图表等数据可视化元素无缝集成，实时动态显示筛选结果。

可访问性和本地化支持

包含 WAI-ARIA 兼容性、键盘导航以及从右到左文本支持，适用于多语言和重视可访问性的应用。

丰富的 API 和事件处理

利用一组丰富的 API 和事件对查询构建进行精细控制，使开发人员能够响应用户交互并动态更新规则。

跨浏览器兼容性

功能已在包括 Chrome、Firefox、Edge、Safari 和 Opera 在内的所有现代浏览器中验证，可覆盖更广泛的用户群。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • Angular