界面控件DevExpress Blazor v26.1新版亮点 - Blazor Grid & TreeList

DevExpress Blazor控件为使用C#为Blazor服务器和Blazor WebAssembly创建高影响力的用户体验，其附带了70+个原生的Blazor组件（包括DataGrid、Pivot Table、Scheduler、图表、数据编辑器和报表）。

在上文中（点击这里回顾>>）为大家介绍了DevExpress Blazor v26.1中增强的智能粘贴和数据透视表功能，本文将继续介绍新版本中Grid 和 TreeList控件增强功能，希望能帮助到大家~欢迎点赞关注哦，不定期更新~

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

Blazor Grid & TreeList

UI/UX增强功能

边框和网格线可见性

现在用户可以再使用DevExpress Blazor Grid和/或TreeList UI组件（使用GridlinesVisible属性）时，隐藏列线（相邻列/行之间的分隔符）和组件边框，可以根据设计需要组合可用的枚举值。

<DxGrid Data="Products"
        GridlinesVisible="Gridlines.Horizontal | Gridlines.Outside">
    @* ... *@
</DxGrid>

Filter Menu（过滤器菜单）按钮 - 新的悬停显示模式

DevExpress Blazor Grid和TreeList支持过滤器菜单按钮的悬停显示模式。启用时，用户将鼠标悬停在列标题上后，将显示按钮。这种模式有助于产生更有效的用户体验，并避免列标题截断。

空列外观

官方产品团队改进了空列的外观（可能在调整大小操作期间出现），来更好地与标准Blazor Grid/TreeList列对齐。

分页摘要

DevExpress Blazor Grid和TreeList UI组件包括一个新的PagerSummaryVisible选项，使用它可以显示内置分页器中的当前页码、页数和数据行数。

编辑单元格模式 - 更强的键盘功能支持（v26.1.4中可用）

DevExpress新的Grid/TreeList EditNextCellOnEnter属性在Enter时激活对下一个单元格的编辑（进入编辑模式的按键次数减少一次），当EnterKeyDirection属性设置为Column或Row时，此选项可用。

Razor

<DxGrid @ref="Grid"
        Data="DataSource"
        KeyFieldName="EmployeeId"
        EditMode="GridEditMode.EditCell"
        EnterKeyDirection="GridEnterKeyDirection.Row"
        EditNextCellOnEnter="true">
    @* ... *@
</DxGrid>

搜索框 - 突出显示文本/搜索结果API功能增强（v26.1.4中可用）

DevExpress的Blazor Grid/TreeListCellDisplayTemplate上下文现在包括一个新的GetHighlightedText方法，使用它可以突出显示组合多个数据字段值的单元格中的搜索结果。