WPF中ScrollViewer内DataGrid滚轮事件不冒泡致滚动失效求助

当WPF中DataGrid嵌套在ScrollViewer内时，鼠标悬停在DataGrid区域滚轮无任何反应，但TextBox区域滚轮滚动正常。垂直滚动条可手动拖动查看全部内容，但滚轮仅在非DataGrid区域生效。推测DataGrid捕获了滚轮事件但未将其冒泡至父级ScrollViewer。

这是WPF的默认行为：DataGrid内部自带ScrollViewer，会优先处理滚轮事件并阻止事件向上冒泡。可通过以下两种方式解决：

方法一：禁用DataGrid自身滚动，让父级ScrollViewer接管 #

直接设置DataGrid的VerticalScrollBarVisibility="Disabled"，这样DataGrid不会拦截滚轮事件，事件会向上冒泡到父级ScrollViewer，实现整个容器的统一滚动。

修改后的XAML示例：

<ScrollViewer>
    <StackPanel HorizontalAlignment="Stretch">
        <TextBox Text="Test the Scrollwheel in the Palette" FontWeight="Bold" />
        <TextBox Text="Row 1" Focusable="True" />
        <TextBox Text="Row 2" Focusable="True" />
        <TextBox Text="Row 3" Focusable="True" />
        <TextBox Text="Row 4" Focusable="True" />
        <TextBox Text="Row 5" Focusable="True" />
        <TextBox Text="Row 6" Focusable="True" />
        <TextBox Text="Row 7" Focusable="True" />
        <TextBox Text="Row 8" Focusable="True" />
        <TextBox Text="Row 9" Focusable="True" />
        <TextBox Text="Row 10" Focusable="True" />
        <DataGrid Name="dgProperties" ItemsSource="{Binding Value}"
                  AutoGenerateColumns="False"
                  ColumnWidth="*"
                  HeadersVisibility="None"
                  VerticalScrollBarVisibility="Disabled"
                  >
            <DataGrid.Columns>
                <DataGridTextColumn Binding="{Binding Path=Label}" />
                <DataGridTextColumn Binding="{Binding Path=DisplayValue}" />
            </DataGrid.Columns>
        </DataGrid>
    </StackPanel>
</ScrollViewer>

方法二：手动传递滚轮事件给父级（保留DataGrid自身滚动） #

如果需要DataGrid仍能独立滚动（比如DataGrid内容较多），可以通过事件处理将滚轮事件传递给父级ScrollViewer。

XAML部分 #

给DataGrid添加PreviewMouseWheel事件绑定：

<DataGrid Name="dgProperties" PreviewMouseWheel="DgProperties_PreviewMouseWheel"
          AutoGenerateColumns="False"
          ColumnWidth="*"
          HeadersVisibility="None"
          VerticalScrollBarVisibility="Auto"
          >
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding Path=Label}" />
        <DataGridTextColumn Binding="{Binding Path=DisplayValue}" />
    </DataGrid.Columns>
</DataGrid>

后台C#代码 #

private void DgProperties_PreviewMouseWheel(object sender, MouseWheelEventArgs e)
{
    if (!e.Handled)
    {
        e.Handled = true;
        // 创建新的滚轮事件并传递给父级元素
        var newEvent = new MouseWheelEventArgs(e.MouseDevice, e.Timestamp, e.Delta)
        {
            RoutedEvent = UIElement.MouseWheelEvent,
            Source = sender
        };
        var parent = ((FrameworkElement)sender).Parent as UIElement;
        parent?.RaiseEvent(newEvent);
    }
}

这种方式下，DataGrid自身的滚动和父级ScrollViewer的滚动会同时响应，适合需要同时支持局部和全局滚动的场景。

内容的提问来源于stack exchange，提问作者Roland Kwee