DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序。從Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和響應式UI小部件集合，可在傳統Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。

DevExpress JS & ASP.NET Core v24.2已全新發布，新版本新增全新的分頁組件、增強DataGrid功能等，歡迎下載最新版組件體驗！

DevExpress技術交流群11：749942875      歡迎一起進群討論

全新的分頁組件

v24.2附帶了一個新的分頁UI組件。

主要特性/功能包括：

• 頁面導航器：控制各個頁面之間的移動，您可以根據需求顯示/隱藏導航按鈕。
• 頁面大小選擇器：控制每頁上顯示的記錄數量，您可以將屬性設置為指定可用頁面大小的數字數組。
• 頁面信息：顯示當前頁數和總記錄數，您可以指定 來設置初始打開的頁面。
• 響應式設計：組件根據可用的屏幕尺寸調整其布局，支持完整、緊湊和自適應模式。
• 支持從右到左。
• 可訪問性和鍵盤導航支持：完全訪問集成鍵盤導航支持。

DataGrid & TreeList

Sticky列

DevExtreme DataGrid和TreeList都提供了固定列支持（允許您將列固定到表格的邊緣）。

在先進的CSS定位工具出現之前，DevExtreme固定列設置使用兩個單獨的表。在v24.2中，官方徹底改變了這種機制：固定列現在集成到主表中。

這次更新還為屬性引入了一個新值：sticky。Sticky列最初表現為常規列，當水平滾動時，它們會附著在表格的左右邊緣，這通過始終保持關鍵信息可見來增強可用性。

用于固定列的上下文菜單現在包含用于各種固定位置的圖標。

UI/UX & API

Tabs/TabPanel/List - onSelectionChanging事件

DevExtreme Tabs、TabPanel和List有一個共同的特性：可選擇項。

目前這些組件包括事件，一旦選擇完成并且選項更新，該事件就會觸發。

v24.2為前面提到的UI組件包含了一個新的事件，該事件有助于更有效地跟蹤選擇更改，并包含一個cancel屬性（布爾值或JS Promise）。

事件的主要目的是在特定的使用條件下啟用選項卡/項切換。如果不滿足條件，可以使用cancel屬性阻止開關。常見的情況包括：

• 用戶通過彈出對話框確認切換到另一個選項卡/項。
• 在當前選項卡上運行驗證的結果。
• 切換到另一個項目遵循指定的順序，例如當用戶按順序在選項卡/項之間切換時。
• 與當前組件無關的其他自定義條件。

TabPanel/MultiView - 項目可見性選項

DevExtreme TabPanel和MultiView為單個項目添加了一個新的可見屬性，此功能允許您管理項目在運行時是否可見。

Angular

<dx-tab-panel>
<dxi-item [visible]="false"></dxi-item>
</dx-tab-panel>

React

export default function App() {
return (
<TabPanel>
<Item visible={false} />
</TabPanel>
);
}

Vue

<DxTabPanel>
<DxItem :visible="false" />
</DxTabPanel>

jQuery

const tabPanel = $('#tabpanel').dxTabPanel({
items: [{ visible: false, }],
}).dxTabPanel('instance');

數據源 - 區分大小寫過濾

在v23.1中，官方發布了用于數據源的。此屬性可用于包含特定于語言的參數，以便在客戶端上執行排序和篩選操作。

此更新包括了langParams選項的大小寫敏感性。如下圖所示，在使用支持數據源（如DataGrid）的DevExtreme UI組件時，現在可以引入區分大小寫的過濾。

HTML編輯器 - 高級格式轉換

以前，DevExtreme HTML編輯器包括基本的HTML和Markdown轉換支持（通過showdown/turndown依賴）。

在v24.2中，官方刪除了此功能，并添加了用于自定義轉換的轉換器選項。例如，Markdown缺乏劃線支持（valueType=" Markdown "的HTML Editor不提供此選項）。您現在可以使用統一的：remark-gfm插件將此功能引入到您的DevExtreme驅動的應用程序中，統一提供了許多靈活和增強格式化的插件。

此更新允許對HTML編輯器相關的格式化操作進行更大的控制/選項，您甚至可以添加對其他格式（如YAML）的支持，只需要一個HTML之間的轉換器。

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

關于慧都科技

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

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