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

在本文中我們將介紹DevExtreme在v24.2中發布的主要特性，這些特性既適用于DevExtreme JavaScript (Angular、React、Vue、jQuery)，也適用于基于DevExtreme的ASP. NET MVC/Core控件。

獲取DevExtreme v24.1正式版下載

DevExpress技術交流群10：532598169      歡迎一起進群討論

新組件

聊天組件

官方下一個主要版本（v24.2）將包括一個聊天組件，這是需要實時通信支持的應用程序必須具備的UI元素。這里有一個預覽，你可以期待我們的聊天組件：

• 人機交互：通過聊天界面實現一對一或多帳戶通信的用戶對話，適合客戶支持、社交網絡和/或內部協作。
• 人工智能和聊天機器人集成：通過人工智能服務和聊天機器人增強應用程序的用戶體驗，自動化響應，提供即時支持服務，并通過智能交互提高參與度。
• 可訪問性和鍵盤導航：對可訪問性的承諾確保聊天組件將完全可通過鍵盤導航，使它對每個人都直觀/可用。

分頁組件

DevExtreme DataGrid和TreeList附帶內置分頁支持，官方期望將分頁作為一個單獨的組件發布，以簡化數據導航/改進瀏覽，該組件將允許用戶通過將大量數據集劃分為單獨的頁面來導航它們。

顯示模式：“full”

顯示模式：“compact”

Data Grid / Tree List — 粘貼列

在下一個更新，固定柱支持將經歷一個完整的重新設計。在先進的CSS定位工具可用之前設計，目前的解決方案依賴于兩個獨立的表：:一個用于固定列，另一個用于主表，這些表之間的同步是通過代碼管理的，在極少數情況下可能會失敗。

除了基本的重新設計之外，v24.2還將包括一個新的粘貼列選項。粘性列最初保持靜態，但當它們到達自己的位置時開始滾動，一旦滾動超過這個點，它們就會重新連接到表格的另一邊，該特性通過在特定試圖中顯示重要列(確保對關鍵信息的持續訪問)來提高可用性。

Angular

指定彈出內容的方法

目前，可以使用模板來設置DevExtreme Popup組件的內容。

在v24.2中，Angular用戶將能夠以更傳統的方式為Popup元素指定內容，您將能夠在用于打開Popup的方法參數中直接定義自定義組件。

popup.open(CustomComponent, {
height: '400px',
width: '600px',
});

改進配置組件類型

一些Angular配置組件的Props缺少嚴格類型，官方將在開發TypeScript內部支持的同時增強配置組件的類型定義。

React

自定義配置組件

在React中處理組件的傳統方法是組合——用一個組件封裝另一個組件，這種方法結合多個組件來創建更大、更結構化的組件。

v24.2將支持DevExtreme React組件的組件組合配置。例如，您可以將DataGrid列包裝到自定義組件中來重用它：

const DynamicColumn = (props) => {
return (<Column ... />)
}

function MyGrid(props) {
return (
<DataGrid ... >
<DynamicColumn columns={props.columns} / >
</DataGrid>
);
}

支持React 19

官方用用React 19 RC測試了組件、演示庫和響應式UI模板，沒有發現問題。因此，可能在下一個主要更新中引入對React 19的支持。

Vue

支持TypeScript IDE輔助

在v24.2中，官方將為基于Vue的項目支持TypeScript IDE輔助(例如，IntelliSense)。

應用程序模板增強

官方將在應用程序模板中引入以下增強功能：

• 刷新設計，Material主題
• 引入一個Fluent主題
• 能在淺色和深色主題之間切換

更多產品預告更新，歡迎咨詢“”~

更多DevExpress線上公開課、中文教程資訊請上中文網獲取