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’s 使用者介面，插入如下拉選單、滑桿與核取方塊等控制項，以設定特定規則值。

與視覺化元件整合

與資料格與圖表等資料視覺化元素順暢整合，即時動態顯示篩選結果。

無障礙與在地化支援

包含 WAI-ARIA 相容性、鍵盤導覽與由右至左文字支援，適用於多文化且重視無障礙的應用程式。

豐富的 API 與事件處理

運用豐富的 API 與事件，精細控制查詢建構，讓開發人員能回應使用者互動並動態更新規則。

跨瀏覽器相容性

功能已在所有現代瀏覽器中驗證，包括 Chrome、Firefox、Edge、Safari 與 Opera，能廣泛觸及使用者。

產品相容性

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

元件類型

  • JavaScript

JavaScript 平台

  • Angular