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

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.mzph.cn/bicheng/4758.shtml

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

相关文章

数字文旅重塑旅游发展新生态:以数字化转型为契机,推动旅游产业的创新发展,提升旅游服务的智能化、网络化和个性化水平

目录 一、引言 二、数字化转型推动旅游产业创新发展 1、数字化转型提升旅游产业效率 2、数字化转型拓展旅游产业边界 3、数字化转型促进旅游产业可持续发展 三、提升旅游服务智能化、网络化和个性化水平 1、智能化提升旅游服务体验 2、网络化拓宽旅游服务渠道 3、个性…

爬虫的实战应用之短信炸弹playwright现代网页测试工具

不讲废话,先上原理: 短信炸弹,也就是说持续对一个手机进行发送短信,实现的方式就是,利用某些网站的登录 ,注册的时候,发送短信验证码来实现。 如下图,其中有一个id为phone的输入框&a…

配置nodejs的俩小脚本

介绍:共两个脚本。 脚本1,用来配置环境变量,生成环境变量所需的配置信息,然后自己添加到系统环境变量里去 特别注意:该脚本需要放到nodejs目录下面,如果不是,则无法生成环境变量配置文本内容 另…

Java代码审计-flink-streaming-platform-web

前言 项目地址:GitHub - zhp8341/flink-streaming-platform-web: 基于flink的实时流计算web平台 flink-streaming-platform-web是一个将flink封装的一个可视化的、轻量级的flink web客户端系统,用户只需在web 界面进行sql配置就能完成流计算任务。 项目…

【Elasticsearch<一>✈️✈️】简单安装使用以及各种踩坑

目录 🍸前言 🍻一、软件安装(Windows版) 1.1、Elasticsearch 下载 2.1 安装浏览器插件 3.1、安装可视化工具 Kibana 4.1、集成 IK 分词器 🍺二、安装问题 🍹三、测试 IK 分词器 ​🍷 四、章…

Golang | Leetcode Golang题解之第55题跳跃游戏

题目&#xff1a; 题解&#xff1a; // 贪心算法 func canJump(nums []int) bool {cover : 0n : len(nums)-1for i : 0; i < cover; i { // 每次与覆盖值比较cover max(inums[i], cover) //每走一步都将 cover 更新为最大值if cover > n {return true}}return false } …

如何买到“30元以下”的免备案服务器?

对于预算有限的个人和小型企业来说&#xff0c;30 元以下免备案服务器的价格非常亲民。用户可以以极低的成本获得所需的服务器资源&#xff0c;这对创业者、个人开发者、学生和站长来说简直不要太划算&#xff0c;毕竟配置可以升级真不够后面再付费升级也行。 何为“免备案”&…

Android双向认证配置过程

1&#xff08;可以绕过&#xff09;准备过程 为了让这个教程可以一直复用&#xff0c;打算直接写一个双向认证的APP作为素材。 工具&#xff1a; ●protecle&#xff08;签名文件转换&#xff09; ●keytool&#xff08;java自己就有&#xff09; ●openssl&#xff08;apache里…

NLP transformers - 文本分类

Text classification 文章目录 Text classification加载 IMDb 数据集Preprocess 预处理EvaluateTrainInference 本文翻译自&#xff1a;Text classification https://huggingface.co/docs/transformers/tasks/sequence_classification notebook : https://colab.research.googl…

FPGA 以太网概念简单学习

1 MAC和PHY 从硬件的角度来说&#xff0c;以太网接口电路主要由 MAC &#xff08; Media Access Control &#xff09;控制器和物理层接口 PHY&#xff08;Physical Layer &#xff0c; PHY &#xff09;两大部分构成。 MAC 指媒体访问控制子层协议&#xff0c;它和 PHY 接…

创建获利段

事务代码&#xff1a;KE21N BAPI&#xff1a;BAPI_COPAACTUALS_POSTCOSTDATA 前台操作&#xff1a; 表是业务配置的 配置路径&#xff1a; 代码&#xff1a;BAPI不返回生成的凭证号和获利段&#xff0c;需要通过增强或者读表获取 ls_copa_data-record_id 000001.ls_co…

Agent AI智能体在未来,一定与你我密不可分

随着Agent AI智能体的逐渐成熟&#xff0c;人工智能应用的不断深入与拓展&#xff0c;相信在不久的将来&#xff0c;他与你我的生活一定是密不可分的。 目录 ​编辑 1 Agent AI智能体是什么&#xff1f; 2 Agent AI在语言处理方面的能力 2.1 情感分析示例 2.2 文本分类任…

Spring - 5 ( 8000 字 Spring 入门级教程 )

一&#xff1a;Spring IoC&DI 1.1 方法注解 Bean 类注解是添加到某个类上的&#xff0c; 但是存在两个问题: 使用外部包里的类, 没办法添加类注解⼀个类, 需要多个对象, ⽐如多个数据源 这种场景, 我们就需要使用方法注解 Bean 我们先来看方法注解如何使用: public c…

Unity 踩坑记录 Rigidbody 刚体重力失效

playerSetting > physics > Gravity > 设置 Y 的值为负数

前端canvas项目实战——在线图文编辑器(九):逻辑画布

目录 前言一、 效果展示二、 实现步骤1. 调整布局&#xff0c;最大化利用屏幕空间2. 添加逻辑画布3. 添加遮罩4. 居中显示逻辑画布5. 一个容易被忽视的bug点 三、Show u the code后记 前言 上一篇博文中&#xff0c;我们实现了一组通用的功能按钮&#xff1a;复制、删除、锁定…

FreeRTOS之列表

1.FreeRTOS的列表和列表项十分重要。列表类相当于链表&#xff0c;列表项则相当于链表中的节点。列表项的地址是非连续的&#xff0c;列表项的数量可随时修改。在OS中的任务状态和数量会发生改变&#xff0c;因此使用列表可以很好的满足需求。 列表和列表项的相关定义与操作函…

电商独立站||跨境电商独立站网站搭建|功能系统搭建||API接口接入

搭建多语言跨境电商独立站系统 前台主要功能模块 短信接口 第三方登陆 支付方式 会员中心 代购订单列表 - new 会员签到 -1000(1) new 支付密码 ---1000 国内流程 -----5000 new 订单运单多退少补 -1000 未付款运单取消功能 - 修改运单运输方式 -----1000 年费会员 -----3000 …

大型零售企业,适合什么样的企业邮箱大文件解决方案?

大型零售企业通常指的是在全球或特定地区内具有显著市场影响力和知名度的零售商。这些企业不仅在零售业务收入上达到了惊人的规模&#xff0c;而且在全球范围内拥有广泛的销售网络和实体店铺。它们在快速变化的零售行业中持续创新&#xff0c;通过实体店、电商平台等多种渠道吸…

C#队列(Queue)的基本使用

概述 在编程中&#xff0c;队列&#xff08;Queue&#xff09;是一种常见的数据结构&#xff0c;它遵循FIFO&#xff08;先进先出&#xff09;的原则。在C#中&#xff0c;.NET Framework提供了Queue<T>类&#xff0c;它位于System.Collections.Generic命名空间下&#x…

【深度学习实战(26)】标签处理之语义分割标签转换,数据集划分

一、标签转换 我们在使用labeme标签工具&#xff0c;标注完数据后会获得json文件。在标注结束过后&#xff0c;我们需要通过标签转换操作&#xff0c;生成jpg格式原始图片和png格式mask标签图。 1.1 使用img_b64_to_arr将json标签中二进制图像数据变成numpy格式数据&#xf…