界面控件DevExtreme v23.1新版亮点 - 数据层、可访问性功能升级

news2025/2/22 7:48:43

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

DevExtreme今年第一个重大版本v23.1已发布,新版本进一步增强了数据层、可访问性功能,欢迎获取新版体验!

DevExtreme v23.1正式版下载(Q技术交流:909157416)

数据层
数据源 — 按区域设置排序和筛选

DataSource(数据源)现在可以根据区域设置对数据进行排序和筛选,并使用特殊字符(例如,带有变音符号的符号),在langParams对象中指定语言环境和排序器选项来实现此功能。

DevExtreme v23.1新版图集

可访问性

此版本扩展了以下与可访问性相关的功能:

  • 聚焦禁用UI元素
    在组件中可访问和禁用(不可用)UI元素之间切换焦点现在符合WAI-ARIA标准,屏幕阅读器现在可以在用户关注一个被禁用的元素时报告它,不允许与禁用的UI元素进行任何其他交互。
  • TreeView中的键盘导航
    此版本改进了选项卡导航(tab键)之间的项目复选框和“selectAll”复选框。
  • 日历中的键盘导航
    用户可以关注Today按钮并按Enter键导航到今天的日期,启用showTodayButton设置来在日历中显示Today按钮。
  • 全局重写 ofaria-*属性
    这一增强使我们能够在所有UI组件中更好地支持屏幕阅读器。
  • Tabs 和 TabPanel — 改进了Material和通用主题的设计
    新版本为Tabs和Tab Panel组件添加了新的视觉状态,也改进了现有的状态:悬停、激活、禁用、聚焦和选择。
  • 图表 — 图案和图像填充
    有了这个新的自定义选项,您可以编辑样式,将图像和SVG模式应用到DevExpress图表中。

此版本还改进了DataGrid、TreeList和下拉编辑器的文档,文档现在包含了关于可访问性支持的帮助主题。每个帮助主题都包含一个表,其中包含组件支持的特性和标准(例如,Autocomplete Accessibility)。新版本使用Lighthouse、WAVE和Axe辅助工具来测试组件并在表中显示结果。

DevExtreme v23.1新版图集

安全性
内容安全策略(CSP)支持

DevExtreme UI库现在支持内容安全策略(CSP)集成,并引入了高级安全特性来帮助您检测和减轻某些类型的安全风险,包括跨站点脚本(XSS)和数据注入攻击。为了确保DevExtreme UI组件支持CSP,我们通过单元测试来运行它们。

增强TypeScript
  • React组件现在完全支持类型,TypeScript提示代码中的错误,并使用智能感知来避免错误。

DevExtreme v23.1新版图集

  • 现在可以从特定于框架的包中导入所有必需的类型,在以前的版本中您必须从一个单独的devextreme包中导入某些类型,而其他类型必须从特定的框架包(如devextreme-angular)中导入。
  • 我们的文档现在包含了500多个与类型相关的主题。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1161598.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Servlet】 一

本文主要介绍了如何在tomcat部署一个webapp 以及 如何借助maven用servlet编写一个hello world . 一.Tomcat Tomcat是一个Java里广泛使用的http服务器 HTTP服务器有很多实现,其中最知名的是Nginx;而在Java里,最知名的是Tomcat 一个Tomcat服务…

mysql数据库【基础】

本教程适合有一定基础的人,我是用来复习mysql数据,跟着教程走一遍熟悉一下mysql的语句 数据准备 下面的数据库查询语句都是基于此表进行查询的 员工表 创建表: -- 创建表 drop table if exists emp; create table emp (id int …

vue基于ElementUI/Plus自定义的一些组件

vue3-my-ElementPlus 源码请到GitHub下载使用MyTable、MySelect、MyPagination 置顶|Top | 使用案例: 1.0 定义表格数据(测试使用) data() {return {tableData: [],value:[],valueList: [],}; },// 构造表格测试数据// 1 第一行&#xf…

什么是 Windows 时间服务?

文章目录 Windows时间服务概述Windows时间服务包括的组件Windows时间服务(W32Time)时间同步协议时间服务器时间配置事件日志 时间协议的重要性推荐阅读 Windows时间服务概述 Windows 时间服务 (W32Time) 为计算机提供网络时钟同步,默认无需进…

09 _ 队列:队列在线程池等有限资源池中的应用

我们知道,CPU资源是有限的,任务的处理速度与线程个数并不是线性正相关。相反,过多的线程反而会导致CPU频繁切换,处理性能下降。所以,线程池的大小一般都是综合考虑要处理任务的特点和硬件环境,来事先设置的。 当我们向固定大小的线程池中请求一个线程时,如果线程池中没…

uniapp使用抖音微信自定义组件

tt.vue中使用video-player组件 用到的目录如下: pages.json {"path": "pages/Tabbar/tt/tt","style": {"navigationBarTitleText": "","enablePullDownRefresh": false,// 使用自定义组件"using…

基于springboot实现在线考试平台项目【项目源码+论文说明】

基于springboot实现在线考试平台管理系统演示 摘要 网络的广泛应用给生活带来了十分的便利。所以把在线考试管理与现在网络相结合,利用java技术建设在线考试系统,实现在线考试的信息化。则对于进一步提高在线考试管理发展,丰富在线考试管理经…

python脚本-探查存活主机

python脚本-探查存活主机 代码 from scapy.all import * import logging logging.getLogger("scapy.runtime").setLevel(logging.ERROR) net"10.9.47." # 此处修改目标网段 for host in range(1,255):ipf"{net}{host}"# print(f"[-]Trin…

API接口的定义|电商API接口的接入测试和参数说明【附代码实例教程】

一 . API接口的定义 API全称Application Programming Interface,即应用程序编程接口,是一些预先定义的函数,或指软件系统不同组成部分衔接的约定,用于传输数据和指令,使应用程序之间可以集成和共享数据资源。 简单来…

CFCA证书

1,什么是CFCA证书? CFCA证书是中国金融认证中心颁发的数字证书,用于验证网络通信中的身份和数据完整性。它采用了公钥基础设施(PKI)技术,能够为用户和服务提供商提供可信的身份认证和数据加密服务&#xf…

污水处理环保设备怎么选

要选择合适的污水处理环保设备,可以考虑以下几个方面: 1. 根据自身的项目需求来设定预算,不要盲目追求大型或昂贵的设备,符合项目要求的设备才是最合适的选择。 2. 注意设备所使用的材质,通常情况下,碳钢…

JSON比较:如何轻松判断数据格式是否相同?

目录 一、JSON概述 二、比较JSON数据格式的必要性 三、比较JSON数据格式的方法 1. 基于字符串的比较 2. 基于结构的比较 四、注意事项 五、总结 本文将深入探讨如何判断两个JSON数据格式是否相同。我们将介绍JSON的基本概念,探讨比较JSON数据格式的必要性&am…

lua-resty-request库写入爬虫ip实现数据抓取

根据提供的引用内容,正确的库名称应该是lua-resty-http,而不是lua-resty-request。使用lua-resty-http库可以方便地进行爬虫,需要先安装OpenResty和lua-resty-http库,并将其引入到Lua脚本中。然后,可以使用lua-resty-h…

从「码农」到管理者,E人程序员的十年蜕变

点击文末“阅读原文”即可参与节目互动 剪辑、音频 / 卷圈 运营 / SandLiu 卷圈 监制 / 姝琦 封面 / 姝琦Midjourney 产品统筹 / bobo 场地支持 / 声湃轩北京录音间 当我们谈论程序员创业时,常常会首先想到一些传统观念认为的挑战:沟通技巧不佳、逻…

Python如何读取Excel中的数据?

目录 一、为什么需要读取Excel数据 二、使用pandas读取Excel数据 三、使用openpyxl读取Excel数据 四、注意事项 结论 本文将深入探讨如何使用Python读取Excel中的数据。我们会介绍为何需要读取Excel数据,以及如何使用Python中的pandas和openpyxl这两个强大的库…

使用treq库下载Python程序

好的,以下是一个使用treq库下载视频的Python下载器程序, # 导入需要的库 import treq from twisted.internet import reactor ​ # 设置服务器信息 proxy_host "" proxy_port ​ # 定义下载任务 def download_video(url):# 创建treq Reque…

【LeetCode刷题-哈希】--454.两数相加II

454.两数相加II 方法:使用哈希映射分治的思想 将四个数组分为两个部分: 首先计算nums1nums2对应的值,写入哈希映射 然后再计算nums3nums4对应的值 class Solution {public int fourSumCount(int[] nums1, int[] nums2, int[] nums3, int[] nu…

基于FPGA的IIC程序设计

IIC通信协议在实际的工程项目中应用很多,作为一名FPGA工程师是必须要掌握IIC,下面就开始学习吧,lets go! 第一,E2PROM简介 作为初学者会购买一块FPGA开发板进行学习,开发板上一般都有E2PROM这个器件设备&am…

智能PDU电源管理器在高密度IDC机房部署中的重要性

智能电源管理是一种利用信息技术手段,优化电力的分配和使用,随着数据中心进行虚拟化部署和为提高计算效率而整合设备,平均机架功率密度在持续增长,几年前,一个普通机柜需要3-4千瓦电力,如今已变成低密度环境…