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已全新發布，新版本導入功能增強、對應用程序模板進行修改等，歡迎下載最新版組件體驗！

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

全新的分頁組件

所有導入的單一入口點

以前，您必須從兩個包中導入——一個是特定于框架的DevExtreme包（DevExtreme -react/ DevExtreme -angular/ DevExtreme -vue），另一個是DevExtreme包本身。DevExtreme包包含了所有通用/共享的導入，而不是特定于任何框架。使用v24.2，現在可以從適當的框架包導入所有內容，這個變化簡化了對整個公共API的訪問。

Angular

// Before: DataSource is imported from the devextreme package
import DataSource from 'devextreme/data/data_source';
import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';

// After: DataSource is imported from the devextreme-angular package
import { DataSource } from 'devextreme-angular/common/data';
import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';

React

// Before: DataSource is imported from the devextreme package
import DataSource from 'devextreme/data/data_source';
import { DataGrid, DataGridTypes } from 'devextreme-react/data-grid';

// After: DataSource is imported from the devextreme-react package
import { DataSource } from 'devextreme-react/common/data';
import { DataGrid, DataGridTypes } from 'devextreme-react/data-grid';

Vue

// Before: DataSource is imported from the devextreme package
import DataSource from 'devextreme/data/data_source';
import { DxDataGrid, DxDataGridTypes } from 'devextreme-vue/data-grid';

// After: DataSource is imported from the devextreme-vue package
import { DataSource } from 'devextreme-vue/common/data';
import { DxDataGrid, DxDataGridTypes } from 'devextreme-vue/data-grid';

您不必更新現有的DevExtreme驅動的應用程序，鼓勵您在考慮新的應用程序功能時探索我們的新實現。

重要提示：在過去的版本中，可以導入私有API，因為它既可訪問又與公共項無法區分。如果您不小心在應用程序中使用了私有API，那么可能會遇到DevExtreme v24.2更新的問題。

可訪問性

DevExtreme Scheduler提供了增強的對比度和鍵盤導航支持，它現在包括用于議程約會、月份視圖和遞歸圖標的aria標簽。

此外，其他DevExtreme UI組件，如DataGrid、TreeList、FilterBuilder、HTML Editor、Calendar、Menu、List和ProgressBar增強功能如下：

• 屏幕閱讀器現在可以指示TreeList節點是處于展開狀態還是折疊狀態。
• 當DevExtreme日歷處于多選擇模式時，屏幕閱讀器現在可以讀出選定的日期。
• DataGrid、TreeList ColumnChooser和HeaderFilters現在在接收焦點時可見，焦點現在是循環的。
• 修改了查找的焦點順序，以便元素不會被下拉字段遮擋。
• HTML編輯器工具欄按鈕狀態現在發音正確。
• 現在可以通過鍵盤導航折疊和展開列表組。

應用程序模板

v24.2對應用程序模板進行了以下更改：

• 更新、更現代的設計
• 淺色/深色主題切換器
• 默認情況下，模板是使用最新的Fluent主題創建

要測試更新的應用模板，您必須安裝devextreme-cli：

Angular

npx devextreme-cli new angular-app app-name

React

npx devextreme-cli new react-app app-name

Vue

npx devextreme-cli new vue-app app-name

安裝完成后，運行以下命令啟動應用程序：

CLI

cd app-name
npm run start

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

關于慧都科技

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

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