个人中心

联系我们

搜索
搜索 登录 免费注册
界面美化
业务优化
开发工具
图像管理
文档管理
Parasoft

新闻资讯

关注工具软件产品最新动态,了解软件开发行业新趋势。

DevExpress Universal v22.2 更新亮点解析(八):Blazor UI 组件

原创
软件开发
来源:DevExpress
ui界面
DevExpress
.net
2022-12-16
ui界面
DevExpress
.net

数据编辑器

新面具类型

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

• 时间跨度- 允许用户在 DxMaskedInput 中仅输入时间间隔。使用DxTimeSpanMaskProperties类来配置掩码。

 

 

验证图标

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

 

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

 

 

验证图标 - Blazor UI Cmponents、DevExpress

 

 

 

延迟输入

我们带有文本输入字段的数据编辑器(例如 DxMaskedInputDxMemoDxTextBoxDxSpinEdit)现在可以延迟更新相关值。如果您希望减少值更新(减少更新可提高客户端性能),请启用此选项。

 

我们还添加了一个新的BindValueMode属性。将其设置为“OnDelayedInput”以启用延迟输入。您还可以使用InputDelay属性指定延迟时间。

 

 

突出显示第一个匹配项

我们的 Blazor ComboBox 组件会在筛选操作后自动突出显示第一个匹配项。此功能允许用户通过关键字选择值。

 

 

命令按钮

*将在v22.2.4发布

 

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

 

 

表单布局

可折叠组

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

 

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

 

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

 

 

表单布局 - 可折叠组、DevExpress Blazor UI 组件

 

 

新模板和自定义 API

表单布局组件现在包括用于标签页和布局组的新自定义选项。

 

标签页API

• CaptionTemplate

• HeaderTemplate

• HeaderIconCssClass

布局组 API

• CaptionTemplate

• HeaderContentTemplate

• HeaderIconCssClass

您还可以指定ColSpanXxl属性来定义布局项、组或标签页跨越大屏幕(1400 像素或更宽)的列数。

 

 

模板 - Blazor 表单布局、DevExpress

 

 

 

菜单

API 增强功能

• IMenuItemInfo.Parent - 获取项目的父级。

• DxMenu.TargetDxMenuItem.Target - 指定所有菜单项或特定项目的目标属性。

 

报表

WebAssembly 的新报表查看器和设计器(托管 ASP.NET Core

我们新的DxWasmDocumentViewerDxWasmReportDesigner WASM 组件旨在最大限度地减少集成工作并减少支持查询。这些组件作为 DevExpress.Blazor.Reporting.JSBasedControls.WebAssembly Nuget 包的一部分提供。

 

 

本机报表查看器 - 参数面板布局

我们的报表查看器组件 (DxReportViewer) 现在可以使用自定义布局呈现参数面板。

 

Blazor Native Report Viewer - 自定义参数面板布局

 

 

新项目模板

适用于 Visual Studio DevExpress Blazor 应用程序模板库现在包含报表模板。使用这些模板快速启动 BI 应用程序开发(无论是服务器还是 WebAssembly 托管应用程序)过程。

 

报表模板允许您创建包含以下内容的应用程序:

• 报表设计器

• 报表查看器(基于 JS

• 报表查看器(本机)

• 报表存储

• 示例 SQL 连接,JSON/对象数据源

CLI 中,我们的新模板可用作:

• dx.blazor.reporting.blazorserver

• dx.blazor.reporting.webassembly

 

富文本编辑器

WebAssembly 支持

我们的Blazor 富文本编辑器现在支持 Blazor WebAssembly 托管模型。该模型具有以下优点(与服务器托管模型相比):

• 如果服务器脱机,应用程序仍然可以运行。

• 该应用程序充分利用了客户端的资源和能力。

• 处理已从服务器转移到客户端,因此您的应用程序占用更少的服务器资源。

• 无服务器部署场景是可能的。

Web Assembly 应用程序中,我们的富文本编辑器组件提供与 Blazor Server 应用程序相同的功能和行为。

 

 

拼写检查

我们的 Blazor 富文本编辑器现在支持按需拼写检查。它可以检测拼写错误并提出更正建议。

 

要启用拼写检查,请调用AddSpellCheck方法注册拼写检查服务并将CheckSpelling属性设置为“true”。

 

富文本编辑器集成了使用英语词典的拼写检查服务,并允许您根据需要添加其他词典(针对各种语言)。

 

注意:您不受开箱即用的限制。如果默认服务不能满足业务需求,您可以实施和使用自定义拼写检查服务。

 

 

富文本编辑器 - 拼写检查、DevExpress Blazor UI 组件

 

 

 

API 增强功能

• DxRichEdit.PrintDocumentAsync - 调用浏览器的打印对话框。

• Document.ChangeDefaultCharacterPropertiesAsync - 更改文档中使用的默认字符格式。

• SubDocument.ClearFormattingAsync - 将整个子文档或其间隔中的字符格式重置为默认设置。

• DxRichEdit.ContentInserted / DxRichEdit.ContentRemoved - 在文档中插入/删除内容后触发,并允许您跟踪更改。

 

选项卡

残疾状态

新的Enabled属性允许您启用/禁用单个选项卡。

 

 

标签页眉模板

新的TextTemplate属性允许您定义选项卡标题模板,其中可以包含自定义 UI 视觉效果(例如命令按钮)。

 

 

工具栏

绑定到数据

您现在可以将我们的 Blazor 工具栏组件绑定到数据源。要在 Blazor 应用中引入此功能,请使用其数据和数据映射属性。在绑定模式下,工具栏会自动生成项目。

 

 

API 增强功能

• IToolbarItemInfo.Parent - 获取项目的父级。

• DxToolbar.TargetDxToolbarItem.Target - 指定所有工具栏项或特定项的目标属性。

 

树视图

URL 匹配模式

如果 Blazor TreeView 组件的NavigateUrl属性值指向当前 URL(显示在 Web 浏览器的地址栏中),它 现在可以自动展开树并选择一个节点。可用模式包括当前路径、前缀和精确。

 

两个新属性允许您指定 TreeView 组件如何匹配 URL

• DxTreeView.UrlMatchMode - 指定用于树中所有节点的 URL 匹配模式。

• DxTreeViewNode.UrlMatchMode - 指定用于特定节点的 URL 匹配模式。

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

 

 

展开和折叠动画

您现在可以在展开/折叠 TreeView 节点时 播放幻灯片动画效果。

 

 

TreeView - 展开和折叠动画,DevExpress Blazor UI 组件

 

 

 

节点点击事件

• DxTreeView.NodeClick - 当用户单击 TreeView 中的节点时触发。

• DxTreeViewNode.Click - 当用户单击特定节点时触发。


联系我们

周一至周日 8:00-23:00

免费热线

023-62585653

张经理:13082556879

罗经理:17558866126

许经理:13057566525

开发外包

ERP-一体化

小程序

企业微信客服

版权所有:重庆庚乾信息科技有限公司 ©2025 Gengqian Information Technology Co., Ltd. 渝ICP备2022008063号-2 渝公网安备50010702505508

版权所有:重庆庚乾信息科技有限公司

©2025 Gengqian Information Technology Co., Ltd. 渝ICP备2022008063号-2 渝公网安备50010702505508