界面组件DevExtreme v24.2将发布一系列新组件、支持.NET 9

news/2024/9/22 15:03:24/

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

DevExtreme v24.2产品图集

在本文中我们将介绍DevExtreme在v24.2中发布的主要特性,这些特性既适用于DevExtreme JavaScript (Angular、React、Vue、jQuery),也适用于基于DevExtreme的ASP. NET MVC/Core控件。

获取DevExtreme v24.1正式版下载(Q技术交流:532598169)

新组件
聊天组件

官方下一个主要版本(v24.2)将包括一个聊天组件,这是需要实时通信支持的应用程序必须具备的UI元素。这里有一个预览,你可以期待我们的聊天组件:

  • 人机交互:通过聊天界面实现一对一或多帐户通信的用户对话,适合客户支持、社交网络和/或内部协作。
  • 人工智能和聊天机器人集成:通过人工智能服务和聊天机器人增强应用程序的用户体验,自动化响应,提供即时支持服务,并通过智能交互提高参与度。
  • 可访问性和键盘导航:对可访问性的承诺确保聊天组件将完全可通过键盘导航,使它对每个人都直观/可用。

DevExtreme v24.2产品图集

分页组件

DevExtreme DataGrid和TreeList附带内置分页支持,官方期望将分页作为一个单独的组件发布,以简化数据导航/改进浏览,该组件将允许用户通过将大量数据集划分为单独的页面来导航它们。

显示模式:“full”

DevExtreme v24.2产品图集

显示模式:“compact”

DevExtreme v24.2产品图集

Data Grid / Tree List — 粘贴列

在下一个更新,固定柱支持将经历一个完整的重新设计。在先进的CSS定位工具可用之前设计,目前的解决方案依赖于两个独立的表::一个用于固定列,另一个用于主表,这些表之间的同步是通过代码管理的,在极少数情况下可能会失败。

除了基本的重新设计之外,v24.2还将包括一个新的粘贴列选项。粘性列最初保持静态,但当它们到达自己的位置时开始滚动,一旦滚动超过这个点,它们就会重新连接到表格的另一边,该特性通过在特定试图中显示重要列(确保对关键信息的持续访问)来提高可用性。

DevExtreme v24.2产品图集

Angular
指定弹出内容的方法

目前,可以使用模板来设置DevExtreme Popup组件的内容。

在v24.2中,Angular用户将能够以更传统的方式为Popup元素指定内容,您将能够在用于打开Popup的方法参数中直接定义自定义组件。

popup.open(CustomComponent, {
height: '400px',
width: '600px',
});
改进配置组件类型

一些Angular配置组件的Props缺少严格类型,官方将在开发TypeScript内部支持的同时增强配置组件的类型定义。

React
自定义配置组件

在React中处理组件的传统方法是组合——用一个组件封装另一个组件,这种方法结合多个组件来创建更大、更结构化的组件。

v24.2将支持DevExtreme React组件的组件组合配置。例如,您可以将DataGrid列包装到自定义组件中来重用它:

const DynamicColumn = (props) => {
return (<Column ... />)
}function MyGrid(props) {
return (
<DataGrid ... >
<DynamicColumn columns={props.columns} / >
</DataGrid>
);
}
支持React 19

官方用用React 19 RC测试了组件、演示库和响应式UI模板,没有发现问题。因此,可能在下一个主要更新中引入对React 19的支持。

Vue
支持TypeScript IDE辅助

在v24.2中,官方将为基于Vue的项目支持TypeScript IDE辅助(例如,IntelliSense)。

DevExtreme v24.2产品图集

应用程序模板增强

官方将在应用程序模板中引入以下增强功能:

  • 刷新设计,Material主题
  • 引入一个Fluent主题
  • 能在浅色和深色主题之间切换

DevExtreme v24.2产品图集


http://www.ppmy.cn/news/1503334.html

相关文章

计算机网络01

文章目录 浏览器输入URL后发生了什么&#xff1f;Linux 系统是如何收发网络包的&#xff1f;Linux 网络协议栈Linux 接收网络包的流程Linux 发送网络包的流程 浏览器输入URL后发生了什么&#xff1f; URL解析 当在浏览器中输入URL后&#xff0c;浏览器首先对拿到的URL进行识别…

Scrapy框架在处理大规模数据抓取时有哪些优化技巧?

在使用Scrapy框架处理大规模数据抓取时&#xff0c;优化技巧至关重要&#xff0c;可以显著提高爬虫的性能和效率。以下是一些实用的优化技巧&#xff1a; 1. 并发请求 增加并发请求的数量可以提高爬虫的响应速度和数据抓取效率。可以通过设置CONCURRENT_REQUESTS参数来调整。…

布尔盲注——多种方式实现及利用burpsuite爆破

目录 1、判断闭合符类型 2、爆数据库长度 3、查询库名 手动注入 burpsuite爆破 方法一&#xff1a;用ASCII码值转化爆破 方法二&#xff1a;left方法直接爆破字母 方法三&#xff1a;if方法爆破注入&#xff08;最简单&#xff09; 4、爆破表名 5、爆破具体值 当我们改变前端…

京东科技集团将在香港发行与港元1:1挂钩的加密货币稳定币

据京东科技集团旗下公司京东币链科技(香港)官网信息&#xff0c;京东稳定币是一种基于公链并与港元(HKD) 1:1挂钩的稳定币&#xff0c;将在公共区块链上发行&#xff0c;其储备由高度流动且可信的资产组成&#xff0c;这些资产安全存放于持牌金融机构的独立账户中&#xff0c;通…

【Golang 面试 - 基础题】每日 5 题(八)

✍个人博客&#xff1a;Pandaconda-CSDN博客 &#x1f4e3;专栏地址&#xff1a;http://t.csdnimg.cn/UWz06 &#x1f4da;专栏简介&#xff1a;在这个专栏中&#xff0c;我将会分享 Golang 面试中常见的面试题给大家~ ❤️如果有收获的话&#xff0c;欢迎点赞&#x1f44d;收藏…

【elasticsearch实现优先展示连词并按某个字段折叠显示最新一条】

elasticsearch实现优先展示连词并按某个字段折叠显示最新一条 前言match_phrase 顺序前缀 boost 权重collapse 折叠基本用法高级功能排序 前言 场景要求&#xff1a; 优先展示关键词连词的商品按照某个字段折叠相同字段&#xff0c;并按指定排序字段选择第一个 match_phras…

【日常记录】【JS】JS中查询参数处理工具URLSearchParams

文章目录 1. 引言2. URLSearchParams2.1 URLSearchParams 的构造函数2.2 append() 方法2.3 delete() 方法2.4 entries() 方法2.5 forEach() 方法2.6 get() 方法2.7 getAll() 方法2.8 has() 方法2.9 keys() 方法2.10 set() 方法2.11 toString() 方法2.12 values() 方法 参考链接…

“手撕”MySQL的索引

目录 二、索引的作用 三、索引的缺点 四、如何使用索引 查看索引&#xff1a; 创建索引&#xff1a; ​编辑 删除索引&#xff1a; 五、索引的底层原理 那什么是B树&#xff0c;什么是B树呢&#xff1f; B树的好处&#xff1a; 总结&#xff1a; 一、什么是索引 索…