首页 > 其他分享 >界面组件DevExpress Blazor UI v23.2 - 网格、工具栏功能全新升级

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

时间:2024-04-29 09:44:05浏览次数:21  
标签:v23.2 DevExpress 单元格 网格 Grid 组件 UI Blazor

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

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

DevExpress Blazor v23.2正式版下载

DevExpress技术交流群10: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增强
 

标签:v23.2,DevExpress,单元格,网格,Grid,组件,UI,Blazor
From: https://www.cnblogs.com/AABBbaby/p/18165028

相关文章

  • Quick Go To Selected File Path - 快速路径跳转 - vscode 插件推荐
    QuickGoToSelectedFilePath-快速路径跳转-vscode插件推荐差个插件的快捷键是Ctrl+E一直找一个鼠标点就过去的,一直没找到比较通用的,这个算是比较不错的~QuickGoToSelectedFilePathhttps://marketplace.visualstudio.com/items?itemName=duXing.quick-go-to-s......
  • Linux: Desktop Environment DE GUI
     Checkwhichdesktopenvironmentyouareusingecho$XDG_CURRENT_DESKTOP FROMGUI gnome-shell--version gdm3--version DisplayManagerVSDisplayServer CheckwhetherWaylandorXorgisinuse(DisplayServer)必须使用GUIte......
  • Util 应用框架 UI 全新升级
    UtilUI已经开发多年,并在多家公司的项目使用.不过一直以来,UtilUI存在一些缺陷,始终未能解决.最近几个月,Util团队下定决心,终于彻底解决了所有已知缺陷.Util应用框架UI介绍Util应用框架UI建立在Angular,Ng-Zorro,Ng-Alain基础之上,用于开发企业中后台.......
  • Chrome-selenium IDE UI自动化
         随着日益发展,自动化测试,逐渐成为测试工程师必要掌握条件之一,自动化测试分为UI自动化、接口自动化。本文这里介绍的WEB网页UI自动化,依托于浏览器插件实现UI自动化,纯小白都可以实现,无需代码功底。非常有趣的小工具。 首先,我们需要在插件市场下载一个插件,Chrome-se......
  • Installation requirements for SAP Kernels on Windows (C++ runtime environment, V
      Symptom在Windows执行StartSAP,报错信息找不到指定的模块:"Theprogramcan'tstartbecausemsvcr100.dllismissingfromyourcomputer.""无法启动此程序,因为计算机中丢失了msvcr100.dll。尝试重新安装该程序以解决此问题。" OtherTermsC,C++,runtime,VCred......
  • Python (GUI编程)模块 使用方法
    GraphicalUserInterface,简称GUI,中文名为图形用户界面,又称图形用户接口,是一种通过图形元素(如按钮、文本框、图像等)来与计算机程序进行交互的方式。与传统的命令行界面相比,GUI更加直观和易于使用,因为用户可以直接通过点击、拖拽等方式来完成任务,而无需记忆和输入复杂的命令。GUI......
  • ESP32-C3-MINI arduino测试
    1、文件——首选项2、设置开发板管理器网址3、工具——开发板——开发板管理器4、输入ESP32选择EspressifSystems最新版本、安装5、等待下载。。。6、等待安装完成7、选择开发板:ESP32C3DevModule8、新建例程9、修改LED_BUILTIN10、为IO标号数字11、连接最......
  • Proxmox VE 8.2 引入 VMware 导入向导、增强的备份选项和高级 GUI 功能
    ProxmoxVE8.2引入VMware导入向导、增强的备份选项和高级GUI功能ProxmoxVE8.2发布-开源虚拟化管理平台请访问原文链接:https://sysin.org/blog/proxmox-ve-8/,查看最新版。原创作品,转载请保留出处。作者主页:sysin.orgProxmoxServerSolutions发布了其服务器虚拟化......
  • 鸿蒙HarmonyOS实战-ArkUI事件(键鼠事件)
    ......
  • lib 安装失败,error Microsoft Visual C++ 14.0 is required.
    即使安装c++要占用c盘4G,而且仍然有可能报错,error:command'C:\ProgramFiles(x86)\MicrosoftVisualStudio14.0\VC\BIN\x86_amd64\cl.exe'failedwithexitstatus2另一种解决方法是直接下载whl,省去编译的过程https://www.lfd.uci.edu/~gohlke/pythonlibs/#ta-lib有可能......