WPF实现两个DataGrid列表的滚动条同步
Posted 程序员日志
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WPF实现两个DataGrid列表的滚动条同步相关的知识,希望对你有一定的参考价值。
实现目标:
左右两个DataGrid对比显示,希望拖动一个列表的滚动条,就把别一个列表的滚动条移动到相应位置。
主要思路是:
通过FindVisualChildren找到两个DataGrid的ScrollViewer控件,然后注册两个控件的ScrollChanged事件,只要有一个ScrollViewer的VerticalOffset值变了,就相应地修改另一个ScrollViewer的值。
示例代码:
var scroll1 = FindVisualChildren<ScrollViewer>(LeftList).First(); var scroll2 = FindVisualChildren<ScrollViewer>(RightList).First(); scroll1.ScrollChanged += (s, e) => scroll2.ScrollToVerticalOffset(scroll1.VerticalOffset); ; scroll2.ScrollChanged += (s, e) => scroll1.ScrollToVerticalOffset(scroll2.VerticalOffset); ; public static IEnumerable<T> FindVisualChildren<T>(DependencyObject depObj) where T : DependencyObject if (depObj != null) for (int i = 0; i < VisualTreeHelper.GetChildrenCount(depObj); i++) DependencyObject child = VisualTreeHelper.GetChild(depObj, i); if (child != null && child is T chi) yield return chi; foreach (T childOfChild in FindVisualChildren<T>(child)) yield return childOfChild;
WPF拖动DataGrid滚动条时内容混乱的解决方法
WPF拖动DataGrid滚动条时内容混乱的解决方法
在WPF中,如果DataGrid里使用了模板列,当拖动滚动条时,往往会出现列表内容显示混乱的情况。解决方法就是在Binding的时候给UpdateSourceTrigger赋值。
<Grid> <Grid.RowDefinitions> <RowDefinition Height="25"></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions> <Button Height="23" Click="Button_Click" Content="Click" Grid.Row="0"></Button> <DataGrid Name="dgStudent" AutoGenerateColumns="False" IsEnabled="True" Grid.Row="1" EnableColumnVirtualization="True" EnableRowVirtualization="True"> <DataGrid.Columns> <DataGridTextColumn Header="Name" Binding="{Binding Name}" Width="80"></DataGridTextColumn> <DataGridTemplateColumn Header="Age" Width="70"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <TextBox Margin="5" Text="{Binding Age, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></TextBox> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> <DataGridTemplateColumn Header="Course" Width="100"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <ComboBox Margin="5" ItemsSource="{Binding CourseSource}" Text="{Binding Course, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></ComboBox> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns> </DataGrid> </Grid>
后台代码如下:
public class Student { public string Name { get; set; } public string Age { get; set; } public List<string> CourseSource { get; set; } = new List<string>() { "C", "C++", "C#" }; public string Course { get; set; } } private void Button_Click(object sender, RoutedEventArgs e) { var students = new List<Student>(); for (int i = 1; i <= 50; i++) { var student = new Student() { Name = $"student{i}" }; students.Add(student); } this.dgStudent.ItemsSource = null; this.dgStudent.ItemsSource = students; }
以上是关于WPF实现两个DataGrid列表的滚动条同步的主要内容,如果未能解决你的问题,请参考以下文章