Infragistics Ignite UI for Angular Query Builder

Infragistics查詢編輯器JavaScript

輕鬆視覺化並建構複雜的資料查詢。

  • 以視覺化方式建構複雜的多表資料篩選查詢。
  • 支援使用 IN/NOT IN 運算子的巢狀子查詢。
  • 提供拖放與鍵盤重新排序查詢運算式的功能。
Infragistics logo

起價:

載入中...
包含在以下產品
Infragistics Ignite UI for Angular載入中
Infragistics Ignite UI載入中
Infragistics Professional載入中
Infragistics Ultimate載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
Infragistics Ignite UI for Angular Query Builder 產品圖片
Ignite UI for Angular Query Builder 元件提供一個視覺化介面，可在多個實體之間建立複雜的資料篩選運算式。它支援巢狀子查詢與直覺式拖放重新排序，讓開發人員無需撰寫 SQL 即可建構查詢。此元件會輸出可序列化的結構，非常適合與後端資料來源整合。

視覺化查詢建構

建立運算式樹，透過專為 Angular 應用程式量身打造的豐富使用者介面，支援使用 AND/OR 邏輯運算子建構複雜篩選條件。

多表查詢支援

協助建構橫跨多個資料表或實體的查詢，結合資料來源，在單一 UI 元件中建立完整的篩選條件。

使用 IN/NOT IN 的巢狀子查詢

讓開發人員可透過 IN 和 NOT IN 運算子定義巢狀查詢，直接在 UI 中嵌入子查詢，以處理進階篩選情境。

拖放與鍵盤重新排序

支援透過滑鼠拖放或鍵盤方向鍵重新排序條件與群組，提供彈性的查詢運算式重排，以動態塑造邏輯。

可序列化的運算式樹模型

將查詢表示為可序列化為 JSON 的 FilteringExpressionsTree，讓您能輕鬆在用戶端與伺服器之間傳遞查詢定義。

可自訂的 UI 範本

允許對頁首與條件搜尋值輸入欄位進行範本化，讓開發人員可完全掌控查詢建構介面中的外觀與互動方式。

與 Angular Grid 整合

專為與 Ignite UI for Angular data grid 搭配運作而設計，可將已建立的查詢立即套用，以有效率地篩選 grid 資料。

可編輯的條件與分組

使用者可透過清楚的 UI 控制項新增、修改與分組條件或運算式，並在切換實體時顯示確認對話框，以防止意外的資料遺失。

佈景主題與樣式彈性

支援透過 Sass 進行佈景主題設定，可自訂按鈕、chip、輸入等查詢建構器內元件的色彩與樣式，以符合應用程式設計。

無障礙與鍵盤支援

包含鍵盤導覽與重新排序，支援 Tab、Enter、Space、Esc 與方向鍵來管理查詢運算式，並提升所有使用者的可用性。

產品相容性

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

元件類型

  • JavaScript

JavaScript 平台

  • Angular
  • Vanilla JavaScript