Scrolling для DataGrid (чтобы скролинг работал когда мы крутим колесо мышки и мышка находится вне scroll bar)

Programming, development, testing

→

WPF. Windows Presentation Foundation (отдельное приложение exe файл)

→

Scrolling для DataGrid (чтобы скролинг работал когда мы крутим колесо мышки и мышка находится вне scroll bar) | C# WPF приложение

Looked at 1558 times

last updated: 30 Augusta 2024

Шаг 1. Создаем новый проект

Create a new project WPF Application...

Add DataGrid to the xaml file

Xaml File MainWindow.xaml

Let's fill in the data DataGrid

C# File MainWindow.xaml.cs

using System.Collections.ObjectModel;
using System.Windows;

namespace WpfApp1
{
     public class MyShop
     {
          public string Customer { get; set; }
          public string Item { get; set; }
          public string Price { get; set; }
     }

     public partial class MainWindow : Window
     {
          public ObservableCollection<MyShop> MyData { get; set; }
          public MainWindow()
          {
               InitializeComponent();

               // for binding
               this.DataContext = this;

               // data for grid
               MyData = new ObservableCollection<MyShop>()
               {
                              new MyShop() {Customer="ACME", Item="Widget", Price="100"},
                              new MyShop() {Customer="ACME", Item="Widget", Price="100"},
                              new MyShop() {Customer="ACME", Item="Tyre", Price="200"},
                              new MyShop() {Customer="Amazon", Item="Pen", Price="50"},
                              new MyShop() {Customer="Amazon", Item="Paper", Price="20"},
                              new MyShop() {Customer="Autodesk", Item="CAD", Price="10"},
                              new MyShop() {Customer="Autodesk", Item="File", Price="40"},
                              new MyShop() {Customer="ABC", Item="Flowers", Price="503"},
                              new MyShop() {Customer="ABC", Item="Sand", Price="706"},
                              new MyShop() {Customer="ABC", Item="Sea", Price="160"},
                              new MyShop() {Customer="ABC", Item="Home", Price="50"},
                              new MyShop() {Customer="ABC", Item="Nintendo", Price="15"},
                              new MyShop() {Customer="ABC", Item="Eat", Price="23"},
               };
          }
     }
}

Let's run the program

We can see that scrolling DOES NOT work when we spin the mouse wheel and the mouse is outside scroll bar

Решение

Add PreviewMouseWheel to the xaml file

Xaml File MainWindow.xaml

Let's add the MyPreviewMouseWheel method to the cs file

C# File MainWindow.xaml.cs

using System.Collections.ObjectModel;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace WpfApp1
{
     public class MyShop
     {
          public string Customer { get; set; }
          public string Item { get; set; }
          public string Price { get; set; }
     }

     public partial class MainWindow : Window
     {
          public ObservableCollection<MyShop> MyData { get; set; }
          public MainWindow()
          {
               InitializeComponent();

               // for binding
               this.DataContext = this;

               // data for grid
               MyData = new ObservableCollection<MyShop>()
               {
                         new MyShop() {Customer="ACME", Item="Widget", Price="100"},
                         new MyShop() {Customer="ACME", Item="Widget", Price="100"},
                         new MyShop() {Customer="ACME", Item="Tyre", Price="200"},
                         new MyShop() {Customer="Amazon", Item="Pen", Price="50"},
                         new MyShop() {Customer="Amazon", Item="Paper", Price="20"},
                         new MyShop() {Customer="Autodesk", Item="CAD", Price="10"},
                         new MyShop() {Customer="Autodesk", Item="File", Price="40"},
                         new MyShop() {Customer="ABC", Item="Flowers", Price="503"},
                         new MyShop() {Customer="ABC", Item="Sand", Price="706"},
                         new MyShop() {Customer="ABC", Item="Sea", Price="160"},
                         new MyShop() {Customer="ABC", Item="Home", Price="50"},
                         new MyShop() {Customer="ABC", Item="Nintendo", Price="15"},
                         new MyShop() {Customer="ABC", Item="Eat", Price="23"},
               };
          }

          private void MyPreviewMouseWheel(object sender, MouseWheelEventArgs e)
          {
               if (e.Handled)
                    return;

               var dataGrid = sender as DataGrid;
               if (dataGrid == null)
                    return;

               var scrollViewer = dataGrid?.Parent as ScrollViewer;
               if (scrollViewer == null)
                    return;

               scrollViewer?.RaiseEvent(new MouseWheelEventArgs(e.MouseDevice, e.Timestamp, e.Delta)
               {
                    RoutedEvent = UIElement.MouseWheelEvent,
                    Source = sender
               });

               e.Handled = true;
          }
     }
}

Let's run the program

We can see that scrolling WORKS when we spin the mouse wheel and the mouse is out scroll bar