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

DevExtreme今年近期發布了重大版本v23.2，新版本進一步提升了可訪問性、并增強了性能等，歡迎獲取新版體驗！

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

可訪問性

在此發布周期(WCAG和Section 508標準)中引入了以下與可訪問性相關的增強：

• Data Grid（數據網格）：
  • 改善色彩對比
  • 修復了所有檢查器錯誤（Axe, WAVE, Lighthouse）
  • 自適應行現在可以使用鍵盤導航展開/折疊
  • 新版本增加了關注總摘要和組頁腳摘要的能力
• 新版本增強了屏幕閱讀器用戶的閱讀體驗，現在支持以下元素：
  • 在DataGrid批處理編輯模式下修改單元格和刪除行
  • 刪除DataGrid中的確認消息
  • 對DataGrid中的標頭索引進行排序
  • 查找項
  • HtmlEditor中的對話框標題
  • 各種組件中的驗證消息，如DataGrid, HtmlEditor, DropDownBox, NumberBox, DateBox
• aria-*屬性的全局重做
• 改進對多個組件的鍵盤導航支持，包括增強Calendar組件中的焦點
• 更新了Popup和其他組件中的視覺焦點指示

性能

支持Vite Tree Shaking

新版本解決了以前導致JS包大小變大的Vite支持限制，您不需要在基于DevExtreme的JS應用程序中禁用Vite的Tree Shaking功能。

減小CSS大小

DevExtreme包囊括了所有的Generic和Material主題，新版本將主題集的大小縮減如下：

• 30%為Generic主題
• 37%為Material主題
• 總體34%

Demos & TypeScript

React Demos — TypeScript和React Hooks

新版本將React demo示例遷移到TypeScript中，為您提供兩種選擇：JavaScript和TypeScript，此外我們還從類組件切換到功能組件。

Vue Demos — TypeScript和Vue Composition API

新版本將所有Vue演示代碼轉移到TypeScript中，也從Options API過渡到Composition API。

TypeScript增強

• Angular組件屬性現在支持文字聯合類型，IntelliSense提供提示，以識別代碼中此類類型的誤用。

• DevExtreme Angular允許您指定泛型類型參數來定義數據感知組件的實例，如DataGrid。

TS

import { Component, ViewChild } from '@angular/core';
import { DxDataGridComponent } from 'devextreme-angular/ui/data-grid';
import { Employee } from './data';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})

export class AppComponent {
@ViewChild(DxDataGridComponent) dataGrid!: DxDataGridComponent<Employee, number>;

onButtonClick() {
const selectedRows: Employee[] = this.dataGrid.instance.getSelectedRowData();
}
}