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's Data Manager 整合，以確保一致的資料操作。

以範本為基礎的 UI 自訂

可讓開發人員透過 header、rule 和 value 範本新增 checkbox、slider 與 dropdown 等自訂輸入元素，以量身打造使用者體驗。

回應式與跨平台設計

針對桌機、智慧型手機與平板等裝置使用進行最佳化，確保在 iOS、Android 與 Windows 平台上的可用性。

主題與外觀選項

內建多種主題，例如 Material、Bootstrap 和 Fluent，並可透過線上 Theme Studio 工具自訂外觀。

進階查詢功能

支援參數化 SQL 查詢、具名參數、MongoDB 查詢，並提供匯入/匯出這些格式的方法，以提升查詢彈性。

規則與群組管理

提供複製與鎖定個別規則或群組的功能，防止未經授權的變更，並可複製複雜篩選條件。

拖放支援

使用者可透過拖放互動重新排列規則或群組，讓查詢建構更直覺且更具適應性。

全球化與在地化

支援依據不同地區與語言格式化字串和介面元素，拓展其在全球的可用性。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • JavaScript

JavaScript 平台

  • React