Syncfusion JavaScript Query Builder UI
使用可自訂的 UI 元件建立複雜資料篩選。
- 將篩選條件輸出為結構化 JSON 與 SQL 查詢格式。
- 支援與資料視覺化及 data manager 整合。
- 提供響應式設計與可自訂的 UI 元素範本。
起價:
資料繫結整合
使用 Data Manager 將 Query Builder 繫結至各種本機與遠端資料來源，包括 JSON、OData、WCF 和 RESTful services，以便高效擷取與篩選資料。
篩選建立與分組
建立多個篩選條件，並以 AND/OR 運算子進行邏輯分組，透過輕鬆新增與刪除規則，實現複雜的查詢定義。
JSON 和 SQL 輸出格式
使用結構化 JSON、內嵌 SQL、參數化 SQL、具名參數 SQL 或 Mongo query 格式匯出與匯入篩選條件，方便與後端彈性整合。
範本自訂
透過 header、rule 和 value 範本，加入核取方塊、滑桿與下拉清單等控制項，自訂欄位、運算子與值輸入等 UI 元素。
響應式與自適應版面配置
提供高度響應式的使用者介面，針對桌機、平板與智慧型手機進行最佳化，並支援 iOS、Android 和 Windows 等主要平台。
摘要檢視顯示
提供摘要檢視，以 SQL 格式顯示所建立的篩選條件，讓使用者能快速檢視查詢邏輯。
模型繫結支援
支援模型繫結，可為 field、operator 和 value 欄位指定元件屬性，以自訂行為與外觀。
規則/群組鎖定與複製
啟用鎖定以防止變更特定的篩選規則或群組，並可複製現有規則或群組，以簡化查詢建立。
可存取性與在地化
符合 WAI-ARIA 與 WCAG 2.0 標準，支援螢幕閱讀器、鍵盤導覽、由右至左語言，以及依地區設定的格式化。
產品相容性
請查看以下詳細資訊，以確保此產品在您的環境中受支援。
元件類型
- JavaScript
JavaScript 平台
- Vanilla JavaScript
關於Syncfusion
Syncfusion 成立於 2001 年，總部位於北卡羅來納州 Morrisville，專注於提供豐富的開發人員元件、控制項與框架，適用於 .NET、JavaScript，以及主要的行動與桌面開發平台。憑藉遍布 125 多個國家的 12,000 多名客戶，它服務的客戶群多元，從個人開發者到 Fortune 500 企業皆涵蓋其中。Essential Studio 等知名產品系列提供超過 1,600 個元件，支援快速應用程式開發、深入的商業智慧，以及穩健的報表解決方案，並搭配即時回應的支援與透明的授權制度。
