報表設計器和報表查看器的預覽

全新的CardView組件

DevExtreme v25.1附帶了一個新的CardView UI組件——一個傳統數據網格的替代品。

DevExtreme v25.1新版的CardView UI組件使用“卡片”布局呈現業務數據/信息，使其成為員工目錄、聯系人列表、產品目錄或任務板的理想選擇（與標準表格相比，CardView視圖往往更吸引人，特別是當圖像可視化至關重要時）。

每張卡片都包含以下內置UI元素：工具欄、封面圖像、卡片內容（卡片的字段數據）、頁腳，每個元素都可以使用公共API進行定制。

CardView卡片布局完全響應，支持多種屏幕尺寸，并附帶兩個布局選項：

• 自動布局：CardView決定每行卡片的最佳數量和相關大小。當調整大小時，CardView動態地修改它的布局，重新計算每行卡片的數量和相關的維度。
• 每行固定的卡數：您可以指定在布局中顯示的卡的確切數量。當調整大小時，卡片大小會改變，但每行的卡片數量保持不變。

我們的目標是將所有DevExtreme DataGrid數據管理功能應用到DevExtreme CardView（并提供相同的數據相關功能/靈活性）。您將發現，新版本的實現允許任一組件跨多個使用場景處理相同的數據集，比如不同的屏幕分辨率。DevExtreme CardView v25.1支持以下數據管理功能：

• 排序：支持單排序和多排序操作。
• 分頁：內置的分頁器。
• 列重新排序：您可以允許用戶重新排序列（卡片字段），還可以啟用/禁用特定列的重新排序。
• 列可見性控制：像DataGrid一樣，CardView包含一個列選擇器，允許用戶控制列可見性。
• 編輯：編輯設置允許您添加、更新和刪除卡片，點擊編輯按鈕來激活一個帶有字段的彈出窗口、進行編輯、運行驗證并保存更改。
• 過濾：可作為列標題過濾器和過濾面板，產生的篩選器值取決于所有應用的篩選器，這些過濾器的同步由filterSyncEnabled屬性控制。
• 搜索：CardView包含一個搜索面板，它的工作原理和DataGrid一樣。
• 卡片選擇：CardView支持單卡和多卡選擇模式，在多選模式下，工具欄上顯示“Select all”和“Clear selection”按鈕，您可以配置這些按鈕的工作方式——要么針對所有頁面，要么僅針對當前頁面。

Header面板

Header面板是CardView中的一個可視元素，類似于DataGrid中的列標題。

該面板允許用戶執行以下操作：

• 排序，單擊Header面板項對卡片進行排序。
• 重新排序，您可以拖動Header面板項來重新排序卡片中的字段，拖放指示器顯示哪些拖放區域有效、哪些無效。
• 過濾，單擊過濾器圖標來訪問值選擇的下拉菜單。
• 列可見性控制，您可以通過將Header面板項拖拽到Column Chooser（當使用拖放模式時）來控制卡片字段的可見性。

更多產品資訊及授權，歡迎來電咨詢：023-68661681

關于慧都科技

慧都是?家?業數字化解決?案公司，專注于軟件、?油與?業領域，以深?的業務理解和?業經驗，幫助企業實現智能化轉型與持續競爭優勢。

慧都是DevExpress的中國區的合作伙伴，DevExpress作為用戶界面領域的優秀產品，幫助企業高效構建權限管理、數據可視化（如網格/圖表/儀表盤）、跨平臺系統（WinForms/ASP.NET/.NET MAUI）及行業定制解決方案，加速開發并強化交互體驗。