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

獲取DevExtreme v24.1正式版下載

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

本文中包含了DevExtreme v24.2官方發布的當前/預計的開發計劃，請注意此信息僅供參考，并不代表Developer Express Inc.的約束性承諾。下一個版本更新預計在12月份更新，新的桌面開發標準（. NET Core、安全、可訪問性、人工只能）仍然是重點關注的領域。

安裝

如果您擁有一個激活的Universal或DXperience授權，可以通過DevExpress 或適當的包下載我們的EAP構建。

要開始使用DevExtreme v24.2 EAP構建，只需安裝目標框架相關的NPM包（標記為24.2-next tag），使用以下命令中的一個繼續：

npm install devextreme@24.2-next --save-exact

npm install devextreme-angular@24.2-next --save-exact // Angular installation

npm install devextreme-react@24.2-next --save-exact // React installation

npm install devextreme-vue@24.2-next --save-exact // Vue installation

早期訪問和CTP構建僅用于早期測試目的，不準備用于生產使用。此版本可以與DevExpress產品的其他主要版本并排安裝，請在安裝Early Access和CTP版本之前備份您的項目和其他重要數據。

Early Access Preview構建被認為是預發布軟件，您將在瀏覽器控制臺中看到W0022錯誤。

新的聊天組件

搶先體驗預覽版提供了DevExtreme JavaScript聊天組件的第一次迭代（允許您在DevExtreme驅動的web應用程序中引入點對點/聊天機器人支持）。

DevExtreme Chat組件EAP構建中包含的主要功能包括：

• 接受并報告新消息。
• 自定義頭像支持（默認使用首字母）。
• 使用"Send"按鈕或回車鍵發送消息。

注意：DevExtreme Chat是一個客戶端庫，獨立的后端解決方案將是必要的。

Data Grid/Tree List — Sticky列

DevExtreme DataGrid和TreeList提供了固定列支持（如您所知，固定列允許您將列固定在表/樹層次結構的右側或左側）。

在這個EAP中，fixedColumn屬性有一個新的 (sticky) 值，sticky列最初是固定的，但一旦滾動到特定位置，就會隨著表移動。

注意：此功能仍在開發中，一些DataGrid/TreeList功能（如調整大小、重新排序或數據分組）可能無法按預期工作。

我們還重新設計了原來的“固定欄”引擎（現在提供先進的CSS定位）。

Tabs/TabPanel/List — onSelectionChanging事件

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

目前，這些組件包括 事件，一旦選擇完成并且選項更新，該事件就會觸發，這種時間安排可能會使控制基于用戶交互的選擇更改變得困難。

這個EAP為前面提到的組件庫包含了一個新的onSelectionChanging事件，該事件有助于更有效地跟蹤選擇更改（例如，你現在可以阻止選擇），并包含一個cancel屬性，它可以是布爾值或JS承諾。

一個常見的使用場景是在打開的選項卡中對Form組件進行異步驗證，當嘗試切換到不同的選項卡時（取決于驗證結果），我們的客戶希望能夠阻止或允許選項卡切換。有了新的onSelectionChanging事件和一個支持承諾的API，這個場景可以很容易地實現。

數據源 — 區分大小寫過濾

DataSource可以按區域設置對數據進行排序和過濾，包括特殊字符，如帶變音符號的符號（通過使用選項）。

在這個EAP中，在langParams選項中添加了大小寫敏感性。如下圖所示，現在可以在DevExtreme UI組件（如DataGrid）中引入區分大小寫的過濾。

這個EAP還為各種語言環境改進了過濾（現在過濾器更精確了）。

Angular — 全新的配置組件

這個EAP包含了新的devextreme-angular配置組件。

DevExtreme Splitter使用通用的dxi-item配置組件，同樣的dxi-item出現在諸如Form和TabPanel之類的組件中（這會造成潛在的混淆，特別是在使用IntelliSense時）。

新組件是特定于每個父組件的，例如，Splitter現在也使用dxi-splitter-item，它只包含與Splitter相關的屬性。

類似地，其他DevExtreme組件使用包含父名稱的新配置組件。

Angular — 為彈出式開放操作提供的服務

在以前的構建中，您必須使用模板來指定Popup內容。此EAP為該特定需求引入了一種新方法，根據需要使用DxPopupService和它的open方法（該方法接受一個內容組件和一個Popup配置對象）。

import { DxPopupService } from “devextreme-angular/ui/popup”;
// ...
constructor(private popupService: DxPopupService)
// ...
popupService.open(ContentComponent, { showCloseButton: true })

open方法同時返回Popup和contentComponent實例。

支持.NET 9

DevExtreme產品線現在支持.NET 9 RC1。