2024年终活动

DevExpress控件使用交流,DevExpress中国社区Dev联系电话 联系电话:023-68661681

界面控件DevExpress Blazor UI v22.2亮点:全新的Window组件

来源:   发布时间:2023-05-06   浏览:570次

DevExpress拥有.NET开发需要的所有平台控件,包含600多个UI控件、报表平台、DevExpress Dashboard eXpressApp 框架、适用于 Visual Studio的CodeRush等一系列辅助工具,该组件拥有众多新产品和数十个具有高影响力的功能,可为桌面、Web和移动应用提供直观的解决方案,全面解决各种使用场景问题。

DevExpress v22.2已于近期正式发布了,新版本发布了全新的Window组件、增强了数据网格组件等,欢迎下载正式版体验!

DevExpress Blazor v22.2官方正式版下载

DevExpress技术交流群7:674691612      欢迎一起进群讨论

全新的Window组件

全新的Window组件是一个非模态窗口,其功能包括:

  • 移动和调整大小
  • 头部定制
  • 显示/隐藏关闭按钮
  • 窗口定位(在指定位置或UI元素)
  • 键盘支持
  • 全面的API
DevExtreme v22.2新版图集
Data Grid
导出数据到Excel

Blazor Data Grid(数据网格)现在可以将数据导出到Excel,使用这个新风格的API,开发者可以将数据保存到XLS、XLSX和CSV文件(或流)中,数据导出操作支持分组、排序、过滤、汇总和分组汇总。

新的API包括:

所有方法都接受'options'参数,该参数用于自定义导出的文档。

DevExtreme v22.2新版图集
搜索框

Blazor Data Grid(数据网格)组件包括一个渐进式不区分大小写的搜索选项(允许用户在输入时定位匹配的文本),在搜索框中输入时,数据网格会过滤数据行,显示与搜索字符串匹配的行,并突出显示搜索结果。

其他功能包括:

  • 支持特殊字符。
  • 可配置的输入延迟。
  • 支持搜索框占位符(空文本)。
  • 从搜索操作中排除特定列的功能。
  • 内置搜索文本解析模式。
  • 能够在代码中指定搜索文本(搜索API)。

用户可以自定义搜索框外观设置,从模板呈现搜索框,或者使用外部编辑器。

DevExtreme v22.2新版图集
集成编辑器外观

嵌入到单元格中的DevExpress数据编辑器与单元格本身共享相同的边界。

要启用新模式,将EditorRenderMode属性设置为Integrated。

DevExtreme v22.2新版图集
聚焦行

Blazor网格现在支持行焦点,用户可以用鼠标聚焦一行,将FocusedRowEnabled 属性设置为“true”来启用此功能。

SetFocusedDataItemAsyncSetFocusedRowIndex方法允许用户聚焦代码中的一行,数据网格在焦点行发生更改后触发FocusedRowChanged事件。

DevExtreme v22.2新版图集
全选

全新的 SelectAllCheckboxMode 属性指定SelectAll复选框的操作,可用的选项包括:

  • Page - 选择/取消选择当前页面上的所有行。
  • AllPages - 选择/取消选择所有页面中的所有行。
  • Mixed - 选择/取消选择当前页面上的所有行,下拉按钮打开上下文菜单,允许用户选择和取消选择所有网格页面中的所有行。

新的API包括:

按显示文本过滤

全新的DxGridDataColumn.FilterMode属性指定如何筛选列数据,可用的选项包括:

  • 根据单元格内显示的文本筛选数据。
  • 值 - 根据单元格值筛选数据。
过滤器表达式API

新的API允许用户在代码中过滤数据,并实现一个针对特定使用场景的外部过滤UI:

修复高度和相对高度

用户可以显式地设置Blazor网格的高度,或者将高度设置为容器/视口高度的百分比。无论网格中显示的行是什么,页脚元素都将保持在底部。

XAML

<DxGrid style="height:100%" Data="@forecasts">

更多DevExpress线上公开课、中文教程资讯请上中文网获取

DevExpress v22.2全新发布
本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/3756.html

相关产品: DevExpress Universal Subscription,

扫码咨询
电话咨询
023-68661681
返回
顶部