界面控件DevExpress XAF v26.1新版亮点——Blazor UI功能增强（二）

DevExpress XAF是一个基于ORM的.NET应用程序框架，旨在帮助用户在尽可能短的时间内交付业务线应用程序（低代码，RAD）。XAF无缝集成了屡获殊荣的DevExpress UI控件和ORM库（实体框架核心或XPO），因此用户可以创建功能丰富、高度交互式的Windows Forms、ASP.NET Core Blazor和Web API Service应用程序。

在上文中（点击这里回顾>>）主要介绍了DevExpress XAF 在v26.1中Blazor UI的增强的部分功能，本文将继续介绍Blazor UI的增强功能，欢迎关注点赞收藏，后面会持续更新更多亮点~

DevExpress新旧版本帮助文档下载可进QQ qun获取：169725316

Blazor UI功能增强

原生Blazor Filter Builder集成（Beta）

PopupCriteriaPropertyEditor和CriteriaProtertyEditor几乎可以投入生产使用（在v26.1中默认尚未启用），CriteriaPropertyEditor基于新的DevExpress Blazor Filter Builder组件，提供简化的本地化、改进的性能和对Blazor主题/调色板的原生支持。

这两个属性编辑器都针对复杂的数据模型进行了优化，并支持收集操作和纯文本标准输入/验证。此外，过滤列表视图时，Filter Panel（过滤器面板）现在在DxGridListEditor和DxTreeListEditor中可见（否则，它是隐藏的）。

以前基于JS的PopupFilterPropertyEditor和FilterProportyEditor将很快进入维护模式，在v26.2中，官方不会引入额外的功能，并计划从发行版中删除这些组件，建议尽快迁移到新的属性编辑器。

支持数据透视网格模块（CTP）

XAF Blazor v26.1包括DxPivotGridListEditor（由DevExpress Blazor DxPixvot提供支持-关键功能），DxPivotGridListEditor（透视表）在我们的v26.1发行周期中作为社区技术预览版提供。

这个新的Pivot Table List Editor（透视表列表编辑器）是DevExpress.ExpressApp.Blazor模块（非常类似于DxGridListEditor）的一部分，与XAF WinForms/Blazor UI列表编辑器一样，DxPivotGridListEditor支持EF Core和XPO业务对象，并通过模型编辑器提供简化的配置选项。

要为XAF Blazor ListView配置DxPivotGridListEditor，必须：

为ASP.NET Core Blazor项目调用模型编辑器，在Views（视图）下，找到一个节点，该节点定义要可视化为透视网格的列表视图。
将EditorType节点属性设置为DxPivotGridListEditor。
在List View节点的列部分中，为所需列（IModelColumnPivotGridBlazor API的一部分）设置PivotFieldArea、PivotGroupInterval和PivotSummaryType属性。
在运行时，在区域之间重新排序或移动透视网格字段，使用字段列表显示/隐藏字段，透视网格将在视图洞口之间保持布局设置（使用IModelListViewPivotGridBlazor.LayoutSettings API）。

用户还可以在代码中指定透视网格设置：

文件：CS\MainDemo.Blazor.Server\Controllers\MyBlazorController.cs

cs 复制代码

using System;
using DevExpress.ExpressApp;
using DevExpress.ExpressApp.Blazor.Editors;

namespace MainDemo.Blazor.Server.Controllers;

public class MyBlazorController : ViewController {
    protected override void OnViewControlsCreated() {
        base.OnViewControlsCreated();
        if (View.Editor is DxPivotGridListEditor pivotListEditor) {
            // Place your pivot grid configuration code here.
            pivotListEditor.PivotGridModel.AllowDragFields = false;
            // Iterate your pivot grid columns 
            // using the 'pivotListEditor.Columns' and DxPivotGridColumnWrapper 
            // or pivotListEditor.ColumnModels and DxPivotTableFieldModel API respectively.
        }
    }
}

其他

当OptionsUIType设置为TabbedMDI时，新的XAF Blazor Scheduler日程的详细信息视图现在会打开一个完整大小的表单作为单独的选项卡。以前，打开了一个狭窄的弹出式窗体。

Popup Detail Views（弹出详图视图）现在更宽，不再覆盖默认布局标题位置。例如，在关联编辑器的左侧显示布局项目标题（在之前的版本中用DxFormLayout.CaptionPosition = Horizontal替代Vertical）。

这些更改提高了总体XAF UI可用性和一致性。