WPF双DataGrid绑定同一ObservableCollection异常问题求助

问题根源 #

你遇到的InvalidOperationException本质是同时通过ItemsSource绑定数据源，又直接操作了DataGrid的Items集合，或者自定义列配置与数据源绑定存在冲突（比如列的Binding路径错误、AutoGenerateColumns设置不当）。

具体解决步骤 #

• 禁止直接操作DataGrid的Items集合：所有数据的添加/删除/修改，必须直接操作绑定的ObservableCollection，绝对不要调用dataGrid.Items.Add()、dataGrid.Items.Remove()这类方法——这是触发异常的最常见原因。
• 正确配置DataGrid列：
  1. 把AutoGenerateColumns设为False（因为你需要自定义列，避免自动生成的列和自定义列冲突）
  2. 确保每个DataGridTextColumn的Binding路径和你的数据模型属性完全匹配，没有拼写错误
• 直接绑定同一ObservableCollection即可：不需要额外创建ListCollectionView，除非你需要给两个DataGrid设置不同的过滤、排序规则。如果要用ListCollectionView，也要基于同一个ObservableCollection创建，且所有数据操作仍在原集合中进行。

示例代码参考 #

ViewModel（数据绑定核心）

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows.Input;
using System.Windows.Data;

public class SignalModel
{
    // 你的信号模型属性，根据实际需求调整
    public string SignalName { get; set; }
    public double SignalValue { get; set; }
}

public class MainViewModel : INotifyPropertyChanged
{
    private ObservableCollection<SignalModel> _signalCollection;
    public ObservableCollection<SignalModel> SignalCollection
    {
        get => _signalCollection;
        set
        {
            _signalCollection = value;
            OnPropertyChanged();
        }
    }

    // 如果需要不同视图（比如过滤），才需要这两个View
    public ListCollectionView SignalView1 { get; }
    public ListCollectionView SignalView2 { get; }

    // 添加信号的命令（绑定ListBox的选择事件或按钮）
    public ICommand AddSelectedSignalsCommand => new RelayCommand<IEnumerable<SignalModel>>(selectedSignals =>
    {
        if (selectedSignals == null) return;
        foreach (var signal in selectedSignals)
        {
            // 直接修改原集合，两个DataGrid自动同步
            SignalCollection.Add(signal);
        }
    });

    public MainViewModel()
    {
        SignalCollection = new ObservableCollection<SignalModel>();
        // 基于同一集合创建视图（可选，不需要过滤排序可以省略）
        SignalView1 = new ListCollectionView(SignalCollection);
        SignalView2 = new ListCollectionView(SignalCollection);
    }

    // 实现INotifyPropertyChanged通知UI更新
    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

// 简易RelayCommand实现（如果没有用MVVM框架的话）
public class RelayCommand<T> : ICommand
{
    private readonly Action<T> _execute;
    private readonly Func<T, bool> _canExecute;

    public RelayCommand(Action<T> execute, Func<T, bool> canExecute = null)
    {
        _execute = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter) => _canExecute?.Invoke((T)parameter) ?? true;
    public void Execute(object parameter) => _execute((T)parameter);
    public event EventHandler CanExecuteChanged
    {
        add => CommandManager.RequerySuggested += value;
        remove => CommandManager.RequerySuggested -= value;
    }
}

XAML布局

<TabControl DataContext="{StaticResource MainViewModel}">
    <!-- 第一个标签页的DataGrid -->
    <TabItem Header="信号列表">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <ListBox x:Name="SignalSelector" Grid.Row="0" 
                     ItemsSource="{Binding AllAvailableSignals}"
                     SelectionMode="Extended"/>
            <Button Grid.Row="0" HorizontalAlignment="Right"
                    Command="{Binding AddSelectedSignalsCommand}"
                    CommandParameter="{Binding ElementName=SignalSelector, Path=SelectedItems}">
                添加到列表
            </Button>
            <DataGrid Grid.Row="1" 
                      ItemsSource="{Binding SignalCollection}"
                      AutoGenerateColumns="False">
                <DataGrid.Columns>
                    <DataGridTextColumn Header="信号名称" Binding="{Binding SignalName}" Width="*"/>
                    <DataGridTextColumn Header="当前值" Binding="{Binding SignalValue}" Width="100"/>
                    <!-- 只保留你需要的列 -->
                </DataGrid.Columns>
            </DataGrid>
        </Grid>
    </TabItem>

    <!-- 第二个标签页的DataGrid（绑定同一集合） -->
    <TabItem Header="LiveGraph选择">
        <DataGrid ItemsSource="{Binding SignalCollection}"
                  AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTextColumn Header="信号名称" Binding="{Binding SignalName}" Width="*"/>
                <!-- 这里可以只保留需要的列 -->
            </DataGrid.Columns>
        </DataGrid>
    </TabItem>
</TabControl>

额外注意事项 #

• 如果用了ListCollectionView，不要在后台直接修改View的Items，所有数据变更都要操作原ObservableCollection，View会自动同步。
• 确保你的ViewModel已经正确设置为DataContext（比如通过StaticResource或代码赋值）。

内容的提问来源于stack exchange，提问作者Michael Riley