首页 > 代码库 > WPF拖动DataGrid滚动条时内容混乱的解决方法

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滚动条时内容混乱的解决方法