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

獲取DevExtreme v24.1正式版下載

DevExpress技術(shù)交流群11：749942875      歡迎一起進(jìn)群討論

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

安裝

如果您擁有一個激活的Universal或DXperience授權(quán)，可以通過DevExpress 或適當(dāng)?shù)陌螺d我們的EAP構(gòu)建。

要開始使用DevExtreme v24.2 EAP構(gòu)建，只需安裝目標(biāo)框架相關(guān)的NPM包（標(biāo)記為24.2-next tag），使用以下命令中的一個繼續(xù)：

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構(gòu)建僅用于早期測試目的，不準(zhǔn)備用于生產(chǎn)使用。此版本可以與DevExpress產(chǎn)品的其他主要版本并排安裝，請在安裝Early Access和CTP版本之前備份您的項目和其他重要數(shù)據(jù)。

Early Access Preview構(gòu)建被認(rèn)為是預(yù)發(fā)布軟件，您將在瀏覽器控制臺中看到W0022錯誤。

新的聊天組件

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

DevExtreme Chat組件EAP構(gòu)建中包含的主要功能包括：

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

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

Data Grid/Tree List — Sticky列

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

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

注意：此功能仍在開發(fā)中，一些DataGrid/TreeList功能（如調(diào)整大小、重新排序或數(shù)據(jù)分組）可能無法按預(yù)期工作。

我們還重新設(shè)計了原來的“固定欄”引擎（現(xiàn)在提供先進(jìn)的CSS定位）。

Tabs/TabPanel/List — onSelectionChanging事件

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

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

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

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

數(shù)據(jù)源 — 區(qū)分大小寫過濾

DataSource可以按區(qū)域設(shè)置對數(shù)據(jù)進(jìn)行排序和過濾，包括特殊字符，如帶變音符號的符號（通過使用選項）。

在這個EAP中，在langParams選項中添加了大小寫敏感性。如下圖所示，現(xiàn)在可以在DevExtreme UI組件（如DataGrid）中引入?yún)^(qū)分大小寫的過濾。

這個EAP還為各種語言環(huán)境改進(jìn)了過濾（現(xiàn)在過濾器更精確了）。

Angular — 全新的配置組件

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

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

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

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

Angular — 為彈出式開放操作提供的服務(wù)

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

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

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

支持.NET 9

DevExtreme產(chǎn)品線現(xiàn)在支持.NET 9 RC1。