界面控件DevExtreme v23.1、v23.2盘点 - 增强的TypeScript(Angular、React、Vue)
)
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合使您可以利用现代Web开发堆栈包括ReactAngularASP.NET CorejQueryKnockout等构建交互式的Web应用程序。从Angular和Reac到ASP.NET Core或VueDevExtreme包含全面的高性能和响应式UI小部件集合可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。在本文中我们将主要介绍DevExtreme在最近的两个主要更新(v23.1和v23.2)中引入的TypeScript相关的增强。DevExpress新旧版本帮助文档下载欢迎进QQ qun获取169725316所有框架现在您可以直接从特定于框架的包中导入所有必需的类型不再需要从单独的devextreme 包中导入类型。Beforeimport { ColumnChooserMode } from devextreme/common/grids; import DataGrid from devextreme-react/data-grid;Afterimport DataGrid, { DataGridTypes } from devextreme-react/data-grid; const currentMode: DataGridTypes.ColumnChooserMode;React在React组件中完全支持类型现在是可用的这将确保您的组件按预期运行并避免潜在的开发相关问题。Angular现在支持组件属性中的文字联合类型IntelliSense为这些特定类型提供了代码补全功能。您还可以指定泛型类型参数来定义数据感知组件实例(例如我们的DataGrid)。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!: DxDataGridComponentEmployee, number; onButtonClick() { const selectedRows: Employee[] this.dataGrid.instance.getSelectedRowData(); } }DemosDevExtreme React demos被迁移到TypeScript您可以在求值期间选择JavaScript和TypeScript。我们将所有的React演示从类组件转换为功能组件以更好地使演示与现代React开发实践保持一致。对于Vue所有的demo都被转移到TypeScript中。从Options API切换到Composition API。
