界面组件DevExpress Blazor UI v23.2 - 网格、工具栏功能全新升级

news2024/12/23 19:20:34

DevExpress Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验,这个UI自建库提供了一套全面的原生Blazor UI组件(包括Pivot Grid、调度程序、图表、数据编辑器和报表等)。

DevExpress Blazor控件目前已经升级到v23.2版本了,此版本进一步增强了可访问性、网格及工具栏组件功能等,欢迎下载最新组件体验!

DevExpress Blazor v23.2正式版下载(Q技术交流:532598169)

可访问性增强

此版本为以下组件引入了一系列以可访问性为重点的增强:

  • Grid(网格)
  • Data Editors(数据编辑器)
  • TreeView(树视图)
  • Toolbar(工具栏)
  • Menu 和 Context Menu(菜单)

这些增强包括:

  • 所有元素的替代文本描述。
  • 调整了元素结构,以确保更好地兼容屏幕阅读器。
  • 新的WAI-ARIA属性和角色。
  • 改进的键盘支持。
Grid(网格)

DevExpress Blazor Grid现在支持单元格编辑,在这个新的编辑模式中,您可以激活单元格编辑器并发布更改,而无需按Grid的Edit和Save按钮。单元格编辑从单击单个单元格开始,或在键盘聚焦的单元格上按Enter键,您可以使用键盘在单元格之间导航,并在焦点离开编辑行后自动发布更改。

或者,如果您喜欢更可控的方法,可以在内存中积累更改并通过单击外部Save按钮保存它们。

单元格编辑支持验证,并且可以无缝地与自动生成的编辑器、使用EditSettings定义的编辑器以及在CellEditTemplate中指定的DevExpress编辑器一起工作。

DevExpress Blazor v23.2新版产品图集

DevExtremeDataSource / CustomDataSource的分组和缓存支持

当使用DevExtremeDataSource或CustomDataSource连接到远程数据时,您现在可以在DevExpress Blazor Grid中引入数据分组支持。Grid组件在不加载所有记录的情况下从服务器请求有关组的信息,并在服务器端计算组摘要(总数)。

此外,DevExtremeDataSource和CustomDataSource现在都带有内置的记录缓存。缓存提高了网格的可用性,减少了请求的数量,特别是对于那些使用虚拟滚动模式的请求。

分级过滤菜单

DevExpress Blazor Grid现在为DateTime列提供了一个分级过滤菜单,此功能允许您按月和年对可用日期进行分组,并简化用户在特定日期范围内的记录过滤。

DevExpress Blazor v23.2新版产品图集

列自动适配

为了帮助改进数据表示和信息清晰度,DevExpress Blazor Grid列现在可以自动修改宽度以适应实际内容。您可以通过Grid的API(使用AutoFitColumnWidths方法)或简单地双击列分隔符/分隔符来触发此功能。

Toolbar(工具栏)

DevExpress Blazor Grid现在包括一个新的工具栏区域,位于其标题和组面板上方。该区域允许您在其中添加任何内容,它与DevExpress Blazor Toolbar配合得特别好,会自动调整其样式以匹配网格。

DevExpress Blazor v23.2新版产品图集

快捷键和键盘支持增强

新版本引入了以下增强来改善Blazor Grid的键盘支持:

  • 内置的弹出窗口和窗口现在更容易访问。
  • 焦点边界现在只在用户使用键盘导航Grid元素时出现,在鼠标导航后消失。
  • 解决了一些与导航相关的问题。

DevExpress Blazor v23.2新版产品图集

此外,DevExpress Blazor Grid现在包括更多的快捷方式,以便用户可以快速浏览数据:

  • Home/End – 聚焦当前行的第一个/最后一个单元格。
  • Ctrl + Home/Ctrl + End –聚焦当前页面上的第一个/最后一个单元格。
  • Page Up/Page Down – 向上/向下移动焦点一页。

聚焦页面时,可以使用以下快捷方式在网格页面之间导航:

  • Arrow Left/Arrow Right – 导航到上一页/下一页。
  • Home/End – 导航到第一/最后一页。
API增强
  • DxGrid.AllowColumnReorder 和 DxGridColumn.AllowReorder – 防止用户重新排序列选择器和网格标题区域中的列。
  • DxGrid.ColumnCaptionAligment 和 DxGridColumn.CaptionAlignment – 指定列标题的水平对齐方式。
  • EmptyDataAreaTemplate – 自定义网格没有记录时显示的占位符。
  • DisplayText – 指定摘要项的显示文本模式,显示文本字符串可以包括静态文本和用于摘要值和列标题的占位符。

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

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

相关文章

创新指南|如何通过用户研究打造更好的人工智能产品

每个人都对人工智能感到兴奋,但对错过机会 (FOMO) 的恐惧正在驱使公司将人工智能嵌入到每个产品功能中。这可能会导致以技术为中心的方法,从而掩盖产品开发的基本目标:创建真正解决用户问题并满足他们需求的解决方案。本文将介绍通过用户研究…

找不到msvcr100.dll怎么办,轻松解决msvcr100.dll丢失的5种方法

在我们日常与电脑相伴的工作与学习过程中,偶尔会遇到一些让人措手不及的软件运行问题。其中之一就是“msvcr100.dll丢失”。这个错误通常会导致某些程序无法正常运行。为了解决这个问题,本文将介绍5种常见的解决方法,帮助大家快速恢复程序的正…

Intelij Idea Push失败,出现git Authentication failed(验证失败)

目录 1、出现问题的原因 2、解决之法 1、出现问题的原因 能出现这种问题,最主要的原因是链接对上了,但用户验证失败了,即登录失败。 因为服务器转移或者换了git项目链接,导致你忘记了用户名密码,随意输入之后&…

Golang | Leetcode Golang题解之第58题最后一个单词的长度

题目: 题解: func lengthOfLastWord(s string) (ans int) {index : len(s) - 1for s[index] {index--}for index > 0 && s[index] ! {ansindex--}return }

【Docker】docker部署lnmp和搭建wordpress网站

环境准备 docker:192.168.67.30 虚拟机:4核4G systemctl stop firewalld systemctl disable firewalld setenforce 0 安装docker #安装依赖包 yum -y install yum-utils device-mapper-persistent-data lvm2 #设置阿里云镜像 yum-config-manager --add…

Recruit App

招聘类APP小程序

调教AI给我写了一个KD树的算法

我不擅长C,但是目前需要用C写一个KD树的算法。首先我有一份点云数据,需要找给定坐标范围0.1mm内的所有点。 于是我开始问AI,他一开始给的答案,完全是错误的,但是我一步步给出反馈,告诉他的问题,…

机器学习-06-聚类算法总结

聚类总结 1.聚类 机器学习 任务 聚类 无label的 分类 label是离散的 回归 label是连续的 2.聚类算法-kmeans 划分聚类 思想: D中选取k个作为初始质心 repeat 计算所有点与质心的距离,分到近的质心簇 更新簇之间的质心 until 质心不改 不足&#xff…

TCP协议为什么使用三次握手进行连接?

回答: TCP协议使用三次握手来建立一个可靠的连接,确保两端的通信设备都准备好进行数据传输。这个过程涉及三个步骤: SYN:客户端发送一个SYN(同步序列编号)包到服务器,以开始新的连接。SYN-ACK:…

0418EmpTomCat项目 初次使用ajax实现局部动态离职

0418EmpTomCat项目包-CSDN博客 数据库字段: 员工部门表 分页查询; 多条件查询; 添加新员工; ajax点击离职操作效果:

什么是限流?常见的限流算法

目录 1. 什么是限流 2. 常见限流算法 3. 固定窗口算法 4. 滑动窗口算法 5. 漏桶算法 6. 令牌桶算法 7. 限流算法选择 1. 什么是限流 限流(Rate Limiting)是一种应用程序或系统资源管理的策略,用于控制对某个服务、接口或功能的访问速…

硬件知识积累 DP 接口简单介绍以及 DP信号飞线到显示屏的问题

1. DP 接口的介绍 定义与起源: DP接口是由PC及芯片制造商联盟开发,并由视频电子标准协会(VESA)标准化的数字式视频接口标准。它的设计初衷是为了取代传统的VGA、DVI和FPD-Link(LVDS)接口,以满足…

【PCL】教程 supervoxel_clustering执行超体聚类并可视化点云数据及其聚类结果

[done, 417.125 ms : 307200 points] Available dimensions: x y z rgba 源点云milk_cartoon_all_small_clorox.pcd > Loading point cloud... > Extracting supervoxels! Found 423 supervoxels > Getting supervoxel adjacency 这段代码主要是使用PCL(Po…

【如此简单!数据库入门系列】之数据库设计基础--函数依赖

文章目录 问题函数依赖函数依赖的作用函数依赖的性质重新理解主键总结系列文章 问题 考虑一个在线商店数据库,其中包含以下表: 【订单表】 Order_Num(订单号)Product_ID(产品ID)Count(数量)Price(单价)110210021011003203200 你觉得这张表是否存在问…

【C++】深入理解string类

一、熟悉string类 1.1 string类的由来: C语音中的字符串需要我们自己管理底层空间,容易内存泄露。而C是面向对象语音,所以它把字符串封装成一个string类。 C中对于string的定义为:typedef basic_string string; 也就是说C中的str…

负债56亿,购买理财产品遭违约,操纵虚假粉丝,流量在下滑,客户数量减少,汽车之家面临大量风险(九)

本文由猛兽财经历时5个多月完成。猛兽财经将通过以下二十二个章节、8万字以上的内容来全面、深度的分析汽车之家这家公司。 由于篇幅限制,全文分为(一)到(十)篇发布。 本文为全文的第二十二章。 目录 一、汽车之家公…

Transformers:它们如何转换您的数据?

一、说明 在快速发展的人工智能和机器学习领域,一项创新因其对我们处理、理解和生成数据的方式产生深远影响而脱颖而出:Transformers。Transformer 彻底改变了自然语言处理 (NLP) 及其他领域,为当今一些最先进的 AI 应…

代码随想录-二叉树(节点)

目录 104. 二叉树的最大深度 题目描述: 输入输出描述: 思路和想法: 111. 二叉树的最小深度 题目描述: 输入输出描述: 思路和想法: 222. 完全二叉树的节点个数 题目描述: ​输入输出描…

关于举办《Llama3关键技术深度解析与构建Responsible AI、算法及开发落地实战》线上高级研修讲座的通知

关于举办《Llama3关键技术深度解析与构建Responsible AI、算法及开发落地实战》线上高级研修讲座的通知

Mybatis逆向工程的2种方法,一键高效快速生成Pojo、Mapper、XML,摆脱大量重复开发

一、写在开头 最近一直在更新《Java成长计划》这个专栏,主要是Java全流程学习的一个记录,目前已经更新到Java并发多线程部分,后续会继续更新;而今天准备开设一个全新的专栏 《EfficientFarm》。 EfficientFarm:高效农…