首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

允许在WPF DataGrid中滚动RowDetail内容的方法

在WPF DataGrid中滚动RowDetail内容的方法有以下几种:

  1. 使用自定义样式:可以通过自定义DataGridRow的样式来实现滚动RowDetail内容。在DataGridRow的样式中,将RowDetailsPresenter的ScrollViewer.CanContentScroll属性设置为False,这样就可以在RowDetail中使用滚动条。
代码语言:xaml
复制
<DataGrid>
    <DataGrid.Resources>
        <Style TargetType="DataGridRow">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="DataGridRow">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <DataGridCellsPresenter Grid.Row="0"/>
                            <ToggleButton x:Name="RowHeaderToggleButton" Grid.Row="1" Content="Details" ClickMode="Press"/>
                            <ContentPresenter x:Name="RowDetailsPresenter" Grid.Row="2" Content="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=DetailsVisibility, Converter={StaticResource BooleanToVisibilityConverter}}">
                                <ContentPresenter.ContentTemplate>
                                    <DataTemplate>
                                        <ScrollViewer CanContentScroll="False">
                                            <!-- RowDetail内容 -->
                                        </ScrollViewer>
                                    </DataTemplate>
                                </ContentPresenter.ContentTemplate>
                            </ContentPresenter>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </DataGrid.Resources>
</DataGrid>
  1. 使用Expander控件:可以在DataGrid的RowDetailsTemplate中使用Expander控件来实现滚动RowDetail内容。将Expander的内容放置在ScrollViewer中,这样就可以在RowDetail中使用滚动条。
代码语言:xaml
复制
<DataGrid>
    <DataGrid.RowDetailsTemplate>
        <DataTemplate>
            <Expander IsExpanded="True">
                <ScrollViewer>
                    <!-- RowDetail内容 -->
                </ScrollViewer>
            </Expander>
        </DataTemplate>
    </DataGrid.RowDetailsTemplate>
</DataGrid>
  1. 使用自定义控件:可以自定义一个继承自DataGrid的控件,并在其中重写OnApplyTemplate方法,在方法中找到RowDetailsPresenter并将其ScrollViewer.CanContentScroll属性设置为False。
代码语言:csharp
复制
public class CustomDataGrid : DataGrid
{
    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();
        
        var rowDetailsPresenter = GetTemplateChild("PART_RowDetailsPresenter") as RowDetailsPresenter;
        if (rowDetailsPresenter != null)
        {
            var scrollViewer = FindVisualChild<ScrollViewer>(rowDetailsPresenter);
            if (scrollViewer != null)
            {
                scrollViewer.CanContentScroll = false;
            }
        }
    }
    
    private static T FindVisualChild<T>(DependencyObject parent) where T : DependencyObject
    {
        for (int i = 0; i < VisualTreeHelper.GetChildrenCount(parent); i++)
        {
            var child = VisualTreeHelper.GetChild(parent, i);
            if (child is T)
            {
                return (T)child;
            }
            else
            {
                var result = FindVisualChild<T>(child);
                if (result != null)
                {
                    return result;
                }
            }
        }
        return null;
    }
}

以上是在WPF DataGrid中滚动RowDetail内容的几种方法。根据具体的需求和场景,选择合适的方法来实现滚动RowDetail内容。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

WPF --- 如何重写WPF原生控件样式?

引言 上一篇中 WPF --- 重写圆角DataGrid样式,因新产品UI需要,重写了一下微软 「WPF」 原生的 DataGrid 的样式,包含如下内容: 基础设置,一些基本背景色,字体颜色等。...重写过程中,遇到了两个问题: 如何获取 「WPF」 原生的 DataGrid 的样式? 滚动条样式中,如何固定滚动条长度? 本篇文章分享一下这两个问题的解决办法。...解决方法 我来分别分享一下我遇到的这两个问题。 问题1 第一个,如何获取 「WPF」 原生的 DataGrid 的样式?...接下来演示一下如何使用Blend获取 ComboBox 的原生样式。 「第一步:」 使用 Blend 创建一个 WPF 项目,在窗体中添加一个 ComboBox 。...问题2 第二个问题, 滚动条样式中,如何固定滚动条长度? 在原生的滚动条样式中,纵方向上的滚动条的高度是跟随你窗口的大小和内容的多少而改变的,窗口大内容少,滚动条的高度就越大,反之亦然。

52120

WPF DataGrid 如何将被选中行带到视野中

WPF DataGrid 如何将被选中行带到视野中 目录 前言 准备工作 方法一 方法二 总结 独立观察员 2021 年 12 月 11 日 前言 在 WPF 开发中,显示表格一般使用 DataGrid...使用的还是之前用过的 DataGrid 的 Demo 程序(在《WPF DataGrid 通过自定义表头模拟首行固定》和《WPF 触屏事件后触发鼠标事件的问题及 DataGrid 误触问题》中用过),加了一个可以填写要选中的行号的文本框...我们先将数据添加到 10 条,然后缩小程序的窗口,这样有些数据就在滚动区外面了,也就是不在视野中。...方法一 这个方法是参考《【翻译】WPF 中附加行为的介绍 Introduction to Attached Behaviors in WPF》文章中的将 TreeViewItem(树状列表项)带到视野中的方法...总结 关于将 DataGrid 选中行带到视野中的需求,本文介绍了两种方法。方法一提供了一个附加属性,可以方便地实现该需求,不过要求不能开启行虚拟化。

1.9K10
  • OEA 中 WPF 树型表格虚拟化设计方案

    (注意,IScrollInfo 中的所有方法,本质上只是期望设置新的 Offset,只是滚动的粒度不同而已。)     2....表格的虚拟化     由前面的内容可以看出,如果要在 WPF 中实现一个行列都支持虚拟化的 UIVPanel,只需要从 VirtualizingPanel 上继承下一个 UIVPanel 类型,并根据列的宽度来计算并生成相应的单元格就行了...那么,在这样层次要求下,要如何实现只使用一个滚动条的虚拟化呢?还好,WPF 自带的 DataGrid 也带有行列虚拟化的功能,我们可以先看一下 DataGrid 是如何实现的。...未来的改进     其实,TreeGrid 作为 OEA 框架界面层的核心控件,主要是在提供 WPF 中的树型表格及一般表格功能。一般表格状态下的性能保障由虚拟化技术来实现。...下次更新 OEA 的时候,大家就可以在开源地址中下载到了。     TreeGrid 表格实现虚拟化技术,涉及到重构整个控件内部的组织结构,是本阶段 TreeGrid 重构的一个首要内容。

    2.7K70

    WPF --- 触摸屏下的两个问题

    期间遇到了两个问题: WPF在触摸屏下,如果有滚动条(ScrollViewer)的情况下,默认包含触底反馈的功能,就是触摸屏滑动到底或从底滑到顶,界面都会出现抖动的情况。...触摸屏下,当触点处于 DataGrid 中时,无法滚动界面。...的 UI 元素绑定它的反馈事件,然后在注册方法中设置 e.Handled = true; ,这样中断了事件继续冒泡或隧道传播,比如这样 // 在Xaml中,在对应的 UIElement 上绑定ManipulationBoundaryFeedback...触点在DataGrid中无法滚动的问题 这个问题,其实不光在 DataGrid中有,触点在 TextBox 、ListView、ListBox,这一类内置有 ScrollViewer 的控件内,都有同样的问题...中时,使用滑轮界面无法滚动的问题,那么解决触摸屏触点在 DataGrid 中无法滚动的问题,也是一样的思路,根据触点的偏移量,模拟鼠标滚轮的偏移量,在调用鼠标滚动事件,模拟滚动,代码如下: private

    23410

    Newbeecoder.UI新版开源控件库DataGrid使用说明

    用DataGrid控件显示数据和信息的集合。在WPF能自定义外观,单元格,表格头部,字体,颜色等内容。 使用ItemsSource属性进行数据源绑定,绑定任何实现IEnuemerable的数据源。...默认情况下,当用户单击DataGrid中的单元格时会选择整行,如果用户选择多行设置SelectionMode属性。假如不想生成自动列使用AutoGenerateColumns属性设置为false。...Microsoft Docs对DataGrid每项功能有详细说明。 在样式中有常见的表格选项,如交替行背景和显示/隐藏标题,网格线和滚动条。...只要你的已有系统是使用WPF开发的,你都能够使用Newbeecoder.UI来轻易的开发出你好看的应用程序来集成到你的现有项目之中。...Demo下载: Newbeecoder.UI.zip Newbeecoder.UI控件库根据用户需求开发稳定而高效项目,通过视频来演示控件库整体功能: 视频内容 ​ 在控件库中使用DataGrid很简单

    2.9K30

    WPF DataGrid 通过自定义表头模拟首行固定

    WPF DataGrid 通过自定义表头模拟首行固定 独立观察员 2021 年 9 月 25 日 最近工作中要在 WPF 中做个表格,自然首选就是 DataGrid 控件了。...先来看看效果: 就是说,有个加号的那行,实际上是属于表头的,这个通过滚动条的范围也能看出(这里滚动条把表头遮住了,这个也可以改掉,之后再说吧)。...前面也说过 DataGrid 指定了普通表头样式作为默认的表头样式,所以普通列就不用额外设置了,而且由于内容简单,所以直接使用 Header 属性设置表头内容(列标题)。...整个表头内容占据的就是特殊表头样式中那个同样跨了两行的 ContentPresenter,只需要设置内容,不需要设置框架和样式,因为已经在特殊列表头样式中设置好了。...当然,方法有很多,具体细节每个人写的可能也不一样。本文只是设置了一列特殊列,大家可以根据具体业务需求自行发挥。下面给出源码地址,主要看本文介绍的内容,其它操作逻辑暂时比较简陋。

    2.5K10

    【愚公系列】2023年10月 WPF控件专题 DataGrid控件详解

    一、DataGrid控件详解WPF中的DataGrid是一个非常强大和灵活的控件,它可用于展示和编辑数据。...DataGrid还有许多其他的属性和方法,可以根据需求进行使用。1.属性介绍WPF中DataGrid控件的常见属性如下:AutoGenerateColumns:是否自动生成列,默认为true。...数据导入导出:DataGrid控件可以支持数据的导入和导出,可以将数据快速地导入到DataGrid中进行展示,也可以将DataGrid中的数据导出到其他文件格式中,方便数据的共享和使用。...在StudentDialogViewModel中,我们使用了一个私有字段_student来存储传入的Student对象,以及一些属性来绑定StudentDialog的控件,在属性的setter中通知界面更新...在StudentDialogViewModel中,我们还定义了两个RelayCommand,分别绑定OK和Cancel按钮的点击事件,并在Close方法中关闭窗口并返回结果。

    1.2K00

    WPF 的命令的自动刷新时机——当你 CanExecute 会返回 true 但命令依旧不可用时可能是这些原因

    在 WPF 中,你可以使用 Command="{Binding WalterlvCommand}" 的方式来让 XAML 中的一个按钮或其他控件绑定一个命令。...了解了这些,你可能能够解决你在 WPF 程序中命令绑定的一些坑。 ---- This post is written in multiple languages....如何手动刷新命令 调用以下代码,即可让 WPF 中的命令刷新其可用性: 1 CommandManager.InvalidateRequerySuggested(); WPF 的命令在何时刷新?...,比如这些: 在 Menu 菜单的子菜单项打开的时候(参见 MenuItem.OnIsSubmenuOpenChanged) 在长按滚动条中的按钮以连续滚动的过程中(参见 Tracker.DecreaseRepeatButton...) 在 DataGridCell 的只读属性改变的时候(参见 DataGridCell.OnNotifyIsReadOnlyChanged) 在 DataGrid 中的各种各样的操作中(参见 DataGrid

    1.2K30

    WPF备忘录(3)如何从 Datagrid 中获得单元格的内容与 使用值转换器进行绑定数据的转换IValueConverter

    一、如何从 Datagrid 中获得单元格的内容    DataGrid 属于一种 ItemsControl, 因此,它有 Items 属性并且用ItemContainer 封装它的 items. ...但是,WPF中的DataGrid 不同于Windows Forms中的 DataGridView。 ...在DataGrid的Items集合中,DataGridRow 是一个Item,但是,它里面的单元格却是被封装在 DataGridCellsPresenter 的容器中;因此,我们不能使用 像DataGridView.Rows.Cells...但是,在WPF中我们可以通过可视树(VisualTree) 去进入到控件“内部“, 那么,我们当然可以通过VisualTree进入DataGrid中的DataGridRow 和 DataGridCellsPresenter..., 并且得到在DataGridCellsPresenter中的实例, 大家可以通过以下的代码遍历VisualTree DataGridRow rowContainer = (DataGridRow)dataGrid1

    5.6K70

    WPF面试题大全,秒杀面试官必备

    12、C#中的表单界面上,有一个DataGrid控件,如何将SQL数据库里的一个表中的数据显示在这个控件上,请描述一下操作方法及步骤 ? 13、解释完整的WPF对象层次结构 ?...12、C#中的表单界面上,有一个DataGrid控件,如何将SQL数据库里的一个表中的数据显示在这个控件上,请描述一下操作方法及步骤 ? 答:首先,确保已经建立了与SQL数据库的连接。...在XAML文件中,将DataGrid控件添加到表单界面上。...在C#代码中,编写查询数据库的代码,并将结果绑定到DataGrid控件上。可以使用SQLDataAdapter和DataSet来执行查询并获取结果集。...这将使DataGrid显示查询结果中的数据。 运行应用程序,DataGrid控件将显示来自SQL数据库表的数据。 以上代码仅供参考,根据项目的实际情况来调整。 13、解释完整的WPF对象层次结构 ?

    90510

    WPF 属性变动后的业务处理及恢复原始值的方法

    WPF 属性变动后的业务处理及恢复原始值的方法独立观察员 2023 年 2 月 26 日一、前言本文主要介绍在 WPF 中,当属性变动后,如何依据是哪个属性变动了,以及其变动的值的情况来进行相应业务处理的推荐的方式...”(《Windows 小工具之 Wifi 固定器》)时已经用过了,当时用了两种方法:3.1、方式一在绑定基类中直接订阅 PropertyChanged 事件,不过处理方法是一个空的虚方法,方便在子类中重写...具体就是,在 PropertyChanging 的方法中,使用反射获取属性值,以属性名作为 key,以属性值作为 value,存储到字典 _originPropertyValueDict 中(这部分代码是固定且通用的...WPF 元素导出为图片的方法让 WPF 的 RadioButton 支持再次点击取消选中的功能WPF DataGrid 如何将被选中行带到视野中WPF 触屏事件后触发鼠标事件的问题及 DataGrid...误触问题WPF DataGrid 通过自定义表头模拟首行固定WPF ComboBox 使用 ResourceBinding 动态绑定资源键并支持语言切换【翻译】WPF 中附加行为的介绍 Introduction

    3.4K50

    C# WPF数据绑定方法以及重写数据模板后数据绑定

    写在前面 本文将会介绍WPF如何实现前后端数据绑定和在进行数据绑定时常用的方法和类以及对于DataGrid、ListView这样的控件重写数据模板后控件如何进行数据绑定。...点击左下角“添加学生小刚”按钮,弹出是否确认添加小刚信息确认框,点击是则会添加小刚的信息。 在电话信息中输入回车会显示点击了回车弹框,并且显示控件中的内容。...3.数据模板的重写:在本实例中重写了DataGrid控件中的电话一列和删除一列的数据模板,我们可以看到电话一列重写为了TextBox删除一列重写为了Button,表头也可以进行数据模板的重写。...当然在绑定的过程中你可以设置多种模式,如果不设置默认为双向绑定,设置的方法是通过Mode属性(Binding="{Binding Name ,Mode=TwoWay}")你可以设置Default、OneTime...以上就是本实例中涉及一些要点,这些内容是做WPF和C#开发的基本内容,希望他们能对你的学习和工作起到一些帮助,如果对于本文某些用法写法说法有任何的意见欢迎指正交流。谢谢。

    75040

    C++CLI 中创建WPF项目的方法探索

    C++/CLI中创建WPF项目的方法 `C++/CLI`下创建WPF项目的方法 C++/CLI下创建WPF项目的方法 Visual C++中创建WPF项目的方法 由于WPF不仅仅支持C#/VB开发,还支持其他语言...,比如: C++、F#等开发,于是大白我最近花了点时间摸索了一下,本文主要介绍C++/CLI下创建WPF项目的方法。...此时,MyComponent.cpp中的代码如下: #include "MyComponent.h" 为了正确引用到 WPF 中的各种库,我们还需要加入 WPF中 3 个核心的 dll,操作方法是: 右键点击项目中的...接下来,进行了一番倒腾,我改成了这个,做成了一个简单的界面: 此时 MyComponent.cpp的内容如下: #include "MyComponent.h" using namespace CppWpfDemo...原因在于命令空间冲突,使得Window的引用出现起义。 解决方法是: 将 #include windows.h放在代码的第一行。

    2.2K10

    【我们一起写框架】MVVM的WPF框架(五)—完结篇

    那么,现在我们一起回头看看已经编写完的框架;我们会发现,它是一个将前后台融合,适合程序员团队的框架。 DataGrid高级应用 在高级应用中,我们对表格增加了过滤功能。界面效果如下: ?...ICollectionView类型的ItemsSourceView.Filter的方法来实现了过滤。...在代码中可以看到,我们为Filter赋值了一个匿名委托;这个委托有一个入参和一个返回值;其中,入参是我们表格中的行的DataContext,返回值是Bool类型,表示这行在表格中是否显示。...接下来,我们在委托中对行的DataContext数据进行了比较处理,根据比较结果来确定,该行是否显示。...null); } 在代码中可以看到,我们首先通过testDataProxy.GetDataGridConfig()方法,从代理中获取了表格配置。

    2.3K40

    如何让 WPF 程序更好地适配 UI 自动化

    具体来说,WPF 默认情况下有这些特点: 所有可交互的控件,其整体可被捕获,而且各个可被交互的部分也可以分别被捕获(例如日历和内部按钮,树和内部的项,滚动条和内部按钮等)。...如果你设置了控件的内容(例如按钮/复选框/单选框/列表项的 Content,例如菜单项/选项卡的 Header),那么 UI 自动化在捕获到此控件后,其自动化 Name 就是对应指定的这些属性。...WPF 适配 UI 自动化的最佳实践 在了解到 WPF UI 自动化的已有特点后,我们将以上的坑点一个个击破,就是我们推荐的最佳实践。...如果某个 ViewModel 集合会被绑定到 UI 列表或树中,这个 ViewModel 应该重写 ToString() 方法,返回对用户可读的有用的信息(不要像控制台输出一样一股脑把所有属性打印出来)...protected override string GetNameCore() { return "吕毅在 https://blog.walterlv.com 中展示的博客文本。

    50320

    jQuery 中在元素中添加插入内容方法 after, append, appendTo, before, prepend, prependTo 的区别

    jQuery 在元素中添加插入内容的方法和区别,整理成表格,省的每次都要翻: jQuery方法 解释 after() 在被选元素之后插入指定内容 insertAfter() 在被选元素之后插入 HTML...append() 在被选元素的结尾(仍然在内部)插入指定内容 appendTo() 在被选元素的结尾(仍然在内部)插入 HTML 标记或已有的元素。...before() 在被选元素之前插入指定内容 insertBefore() 在被选元素之前插入 HTML 标记或已有的元素。如果用于已有元素,这些元素会被从当前位置移走,然后被添加到被选元素之前。...prepend() 在被选元素的开头(仍然在内部)插入指定内容 prependTo() 在被选元素的开头(仍然在内部)插入 HTML 标记或已有的元素 千言解释不如一图示意: 具体代码: <div

    1.8K30

    dotnet 7 WPF 破坏性改动 按下 F3 让 DataGrid 自动排序

    本文记录在 dotnet 7 下的 WPF 的一个破坏性改动。在 dotnet 7 下的 WPF 支持 DataGrid 在按下 F3 键的时候,自动按照当前所选列进行列自动排序。...: https://github.com/dotnet/wpf/pull/6873 行为上就是在 DataGrid 获取选中和键盘焦点时,按下 F3 键,将会根据当前选中的列作为排序依据,进行排序。...F3 键,啥都没有发生 这就是 dotnet 7 在 WPF 引入的一个破坏性变更 如果不想要此功能,可以自己通过路由事件吃掉 F3 键,从而不让 DataGrid 排序 protected...dotnet/wpf 我认为在 WPF 这么大的体量下,功能性改动,还是需要谨慎一些的,毕竟众口难调。...默认是打开,可以通过开关关闭,而不需要通过本文如此 Hack 的方法关闭 详细请看 https://github.com/dotnet/wpf/pull/7297 本文的代码放在github 和 gitee

    76620
    领券