界面控件DevExpress Blazor UI v22.2 - 折叠组件、数据编辑器升级增强

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

DevExpress v22.2已于近期正式发布了，新版本增强了折叠组件、数据编辑器、表单布局等组件功能，欢迎下载正式版体验！

DevExpress Blazor v22.2官方正式版下载(Q技术交流：674691612）

折叠组件

项目选择

Blazor Accordion（折叠）组件现在支持项目选择，将SelectionMode属性设置为Single来启用此功能。

用户可以单击项目标题来选择该项目，SelectItem方法允许在代码中选择一项。

URL- 匹配模式

Accordion（折叠）组件可以在其NavigateUrl属性值指向当前URL(显示在web浏览器的地址栏中)时自动选择一个项，可选择的模式包括:Current Path、Prefix和Exact。

两个新属性允许用户指定Accordion组件如何匹配URL：

• DxAccordion.UrlMatchMode - 指定所有项使用的URL匹配模式。
• DxAccordionItem.UrlMatchMode - 指定特定项的URL匹配方式。

还可以使用Reason属性来确定更改选择的原因。

展开和折叠动画

用户现在可以播放幻灯片动画效果是展开/折叠Accordion项目。

数据编辑器

全新的掩码类型

• 日期-时间偏移量 - 允许用户只输入日期和时间值，并在编辑器的值中存储与协调世界时(UTC)的时间偏移量。用户可以将此掩码应用于DxDateEdit和DxMaskedInput组件，DxDateTimeOffsetMaskProperties类允许自定义掩码设置。
• 时间跨度 - 允许用户在DxMaskedInput中只输入时间间隔，使用DxTimeSpanMaskProperties类来配置掩码。

验证图标

数据编辑器现在可以显示有意义的验证图标(错误或成功)和基于文本的反馈(工具提示)。

开发者可以为应用程序中的所有编辑器启用验证图标，或者为每个编辑器单独指定图标的可见性。

延迟输入

数据编辑器与文本输入字段(例如，DxMaskedInput, DxMemo, DxTextBox, DxSpinEdit)现在可以更新相关的值与延迟，如果希望减少值更新(减少更新可以提高客户端性能)，请启用此选项。

焦点第一匹配

Blazor ComboBox组件在过滤器操作后自动突出显示第一个匹配项，该功能允许用户通过关键词选择值。

命令按钮

DevExpress Blazor编辑器现在可以在文本输入区域的左侧或右侧显示自定义命令按钮，开发者还可以根据需求隐藏/自定义默认命令按钮(例如激活下拉菜单的按钮)。

表单布局

可折叠的组

用户现在可以展开/折叠布局组，可以使用Expanded属性展开或折叠代码中的组。

新的ExpandButtonDisplayMode属性允许开发者在组标题中定位展开按钮，可以在组标题的左侧或右侧显示展开按钮、隐藏展开按钮或自定义其外观。

用户还可以在展开/折叠表单布局组时播放幻灯片动画效果。

全新的模板和自定义API

Form Layout组件现在包含了标签页和布局组的新自定义选项。

标签页API：

• CaptionTemplate
• HeaderTemplate
• HeaderIconCssClass

布局组API：

• CaptionTemplate
• HeaderContentTemplate
• HeaderIconCssClass

开发者还可以指定ColSpanXxl属性来定义布局项、组或选项卡页在大屏幕(1400px或更宽)上跨越的列数。