XAF Blazor FilterPanel 布局样式

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

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

image

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

image

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

image

下面是Blazor组件中的DOM结构

image

下面是样式代码

image

posted @ 2022-11-27 15:05  haoxj  阅读(162)  评论(0)  编辑  收藏  举报