Syncfusion React Query Builder UI

Syncfusion查询编辑器JavaScript

在 React 应用程序中直观地创建复杂的数据筛选条件。

  • 借助 JSON 和 SQL 支持，轻松绑定和筛选数据。
  • 使用模板自定义输入控件，提升 UI 灵活性。
  • 响应式设计，针对桌面、平板和移动设备进行了优化。
Syncfusion logo

起价:

加载中...
包含在以下产品
Syncfusion Essential Studio UI Component Suite加载中
Syncfusion Essential Studio Enterprise加载中
Syncfusion React Query Builder UI 产品图片
Syncfusion React Query Builder UI 为 React 应用程序提供了一个动态界面，用于构建和管理复杂的筛选条件。它生成与 SQL 查询兼容的结构化 JSON 输出，并可与数据可视化组件无缝集成，以显示筛选结果。其灵活的模板系统支持集成自定义输入控件，从而增强用户交互和界面适应性。

直观的筛选界面

允许用户使用 AND/OR 逻辑创建并分组多个筛选条件，以用户友好的方式构建复杂查询。

结构化 JSON 和 SQL 输出

生成结构化 JSON 格式的筛选查询，可轻松解析或转换为 SQL 语句，支持与数据库的后端集成。

轻松的数据绑定

支持本地和远程数据源，包括 JSON、OData、RESTful services，并与 Syncfusion 的 Data Manager 集成，以实现一致的数据操作。

基于模板的 UI 自定义

允许开发者通过 header、rule 和 value 模板添加复选框、滑块和下拉菜单等自定义输入元素，以定制用户体验。

响应式和跨平台设计

针对桌面、智能手机和平板电脑等设备进行了优化，确保在 iOS、Android 和 Windows 平台上的可用性。

主题和外观选项

包含 Material、Bootstrap 和 Fluent 等多种内置主题，并可通过在线 Theme Studio 工具进行自定义。

高级查询功能

支持参数化 SQL 查询、命名参数、MongoDB queries，并提供导入/导出这些格式的方法，以增强查询灵活性。

规则和组管理

提供克隆和锁定单个规则或组的功能，防止未授权更改，并支持复杂筛选条件的复制。

拖放支持

用户可以通过拖放交互重新定位规则或组，使查询构建更加直观且灵活。

全球化和本地化

提供根据不同区域设置和语言格式化字符串和界面元素的支持，拓展了其在全球范围内的可用性。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • React