星空最新网上盘口(官方)网站

界面控件DevExpress JS & ASP.NET Core v24.2亮点 - 导入功能增强

翻译|产品更新|编辑:龚雪|2025-07-09 10:10:41.640|阅读 8 次

概述:DevExpress JS & ASP.NET Core v24.2已全新发布,新版本导入功能增强、对应用程序模板进行修改等,欢迎下载最新版组件体验!

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接:

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主题创建
DevExpress WPF v24.2产品图集

要测试更新的应用模板,您必须安装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)及行业定制解决方案,加速开发并强化交互体验。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@ningjinzhiyuan.cn

文章转载自:慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP