XAF Blazor FilterPanel 布局样式

从上一篇关于ListView布局样式的文章中，我们知道XAFBlazor是移动优先的，如果想在PC端有更好的用户体验，我们需要对布局样式进行修改。这篇介绍在之前文章中提到的FilterPanel，它的样式调整稍微要复杂一些，但思路与之前的差不多。

当过滤项过多时，FilterPanel会变高，超出了容器的高度后，整个容器会出现滚动条，如下图

image

我们需要的是过滤项多时，在DxTreeView内部出现滚动条，如下图

image

由于DxTreeView并不支持这个功能，我们需要修改其内部布局样式，下面是修改演示

image

下面是Blazor组件中的DOM结构

image

下面是样式代码

image

posted @   haoxj  阅读(174)  评论(0)  编辑  收藏  举报
相关博文：
· XAF Blazor ListView 布局样式
· XAF Blazor FilterPanel
· XAML、WPF 学习笔记-容器学习
· WPF ListBox中滑轮滚动步数调整
· LYT-WPF-基础-布局-WrapPanel面板
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· .NET10 - 预览版1新功能体验（一）
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛