DataGrid 的令人困惑的行为

Question

我有一个 DataGrid 如下：

<DataGrid CanUserAddRows="True" CanUserReorderColumns="False" CanUserSortColumns="False" CanUserDeleteRows="True"
          ItemsSource="{Binding Groups}" AutoGenerateColumns="False">
    <DataGrid.InputBindings>
        <KeyBinding Key="Enter" Command="{Binding DataContext.NewRowCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Page}}}"/>
    </DataGrid.InputBindings>
    <DataGrid.Resources>
        <CompositeCollection x:Key="Items">
            <ComboBoxItem IsEnabled="False" Background="#FF2A2A2A" Foreground="White">
                <Grid TextElement.FontWeight="Bold" >
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition SharedSizeGroup="A" />
                        <ColumnDefinition Width="50" />
                        <ColumnDefinition SharedSizeGroup="B" />
                    </Grid.ColumnDefinitions>
                    <Grid.Children>
                        <TextBlock Grid.Column="0" Text="Group Name" />
                        <TextBlock Grid.Column="2" Text="Effect" />
                    </Grid.Children>
                </Grid>
            </ComboBoxItem>
            <CollectionContainer Collection="{Binding Source={StaticResource GroupNamesWithCorrespondingEffectsCollection}}" />
        </CompositeCollection>

        <DataTemplate DataType="{x:Type helpers:GroupNameWithCorrespondingEffect}">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition SharedSizeGroup="A" />
                    <ColumnDefinition Width="50" />
                    <ColumnDefinition SharedSizeGroup="B" />
                </Grid.ColumnDefinitions>
                <Grid.Children>
                    <TextBlock Grid.Column="0" Text="{Binding GroupName}" />
                    <TextBlock Grid.Column="2" Text="{Binding CorrespondingEffect}" />
                </Grid.Children>
            </Grid>
        </DataTemplate>
    </DataGrid.Resources>
    <DataGrid.Columns>
        <DataGridTemplateColumn Header="Name" Width="2*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <TextBox Text="{Binding GroupName}"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Header="Group" Width="2*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <ComboBox ItemsSource="{DynamicResource Items}" 
                              SelectedValue="{Binding ParentID}"
                              SelectedValuePath="GroupID" Grid.IsSharedSizeScope="True" TextSearch.TextPath="GroupName">
                    </ComboBox>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Header="Effect" Width="*" >
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <ComboBox ItemsSource="{Binding DataContext.Effects, RelativeSource={RelativeSource AncestorType={x:Type Page}}}" DisplayMemberPath="Effect" 
                                                    SelectedValue="{Binding EffectID}" SelectedValuePath="EffectID"
                              Visibility="{Binding Path=DataContext.SelectedGroupID, 
                                                     RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Page}},
                                                     Converter={StaticResource effectsVisibilityConverter}}"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

这是我的页面的 DataContext 绑定到的 GroupsViewModel：

public class GroupsViewModel : ViewModelBase
{
    public GroupsViewModel()
    {
        Groups = new ObservableCollection<Group>();

        NewRowCommand = new RelayCommand(NewRow);

        using (Entities db = new Entities())
        {
            List<GroupNameWithCorrespondingEffect> _GroupNamesWithCorrespondingEffects = (
                                                                                             from g in db.Groups
                                                                                             select new GroupNameWithCorrespondingEffect
                                                                                             {
                                                                                                 GroupID = g.GroupID,
                                                                                                 GroupName = g.GroupName,
                                                                                                 CorrespondingEffect = g.Master_Effects.Effect
                                                                                             }
                                                                                         ).ToList();

            GroupNamesWithCorrespondingEffects
                = new ObservableCollection<GroupNameWithCorrespondingEffect>(
                                                                                _GroupNamesWithCorrespondingEffects.Where
                                                                                    (
                                                                                        u => !StaticMethods.GetAllChildren(25)
                                                                                                .Select(x => x.GroupID)
                                                                                                .Contains(u.GroupID)
                                                                                    ).ToList()
                                                                            );

            Effects = new ObservableCollection<Master_Effects>(from m in db.Master_Effects
                                                               select m);
        }
    }

    private ObservableCollection<Group> _groups;
    public ObservableCollection<Group> Groups
    {
        get
        {
            return _groups;
        }
        set
        {
            _groups = value;
            OnPropertyChanged("Groups");
        }
    }

    public ICommand NewRowCommand { get; set; }

    private void NewRow(object obj)
    {
            Groups.Add(new Group());
    }
}

问题：

我在数据网格中输入了一些数据，然后按 Enter 向数据网格添加了一个新行，这是预期的。但是新行被添加到 DataGrid 的顶部，而不是我希望它被添加到最后一个位置。其他行中的数据也被清除，但我希望它保持原样。

Answer 1

CanUserAddRows 是否引起了一些混乱？

"当此属性设置为 true 时，DataGrid 底部会显示一个空白行。"

此行将始终位于 ObservableCollection 提供的行下方。我像这样将一些虚拟数据放入 NewRole：

var p = new Person() {Name = "New " + DateTime.Now.TimeOfDay.TotalMilliseconds};
People.Add(p);

使结果更清晰。当您添加几行时，TotalMilliseconds 的最大值将位于集合的末尾，并且将是 DataGrid 中的倒数第二行。

Answer 2

罪魁祸首是你的KeyBinding。根据您的示例项目，当您按 Enter 时，您永远不会将 DataGrid 中的值保存回集合中。它通常发生在失去焦点的情况下，但是由于您的 Enter 在失去焦点之前添加了一行，因此您在空集合中添加了一个空白行。

DataGrid 检测到更改并使用此新行更新视图，同时保留正在进行的更改（您按 Enter 的行尚未完成更新）。结果显然是你所看到的。

我不知道你为什么使用 Enter 作为KeyBinding 来添加行，这应该在什么时候发生？如果没有发生，那是因为 DataGrid 无法创建您的模型（也许它不是公开的？或者您可能没有定义默认的无参数 ctor？）

对于您的示例项目，我删除了您的 KeyBinding 并在您的 Person 模型上实现了 INotifyChanged，它可以正常工作。

如果您使用的是 CellTemplates，则还需要实现 CellEditingTemplate。

<DataGrid CanUserAddRows="True" CanUserDeleteRows="True" CanUserReorderColumns="False" CanUserResizeColumns="False" AutoGenerateColumns="False" ItemsSource="{Binding People}">
    <DataGrid.Columns>
        <DataGridTemplateColumn Header="Name" Width="*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Name}"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
            <DataGridTemplateColumn.CellEditingTemplate>
                <DataTemplate>
                    <TextBox Text="{Binding Name}"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellEditingTemplate>
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Header="Age" Width="*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Age}"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
            <DataGridTemplateColumn.CellEditingTemplate>
                <DataTemplate>
                    <TextBox Text="{Binding Age}"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellEditingTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>