WPF中TreeView选中项与DataGrid联动实现的问题

问题背景 #

基于Josh Smith的MVVM模型实现了TreeView，希望实现选中TreeView节点时，右侧DataGrid自动加载对应节点的数据集。目前无法获取TreeView的选中项，导致DataGrid的ItemsSource无法动态更新。

现有思路验证 #

你的实现思路是正确的，核心问题在于缺少树节点ViewModel与顶层ViewModel的联动逻辑：

1. TreeViewItem的IsSelected已完成双向绑定，但未在选中状态变化时通知顶层ViewModel更新选中数据
2. AllComponentsTreeViewModel的SelectedComponent属性未实现INotifyPropertyChanged，无法触发DataGrid的绑定更新

具体修改步骤 #

1. 完善树节点ViewModel（ComponentViewModel） #

假设你原有的Component是数据模型，需要包装成继承自ViewModelBase（Josh Smith MVVM框架中的基类）的ViewModel，在IsSelected变更时通知顶层VM：

public class ComponentViewModel : ViewModelBase
{
    private bool _isSelected;
    // 关联原始数据模型
    public Component DataModel { get; }
    // 子节点集合
    public ObservableCollection<ComponentViewModel> Children { get; }

    // 绑定到TreeView显示的名称
    public string Name => DataModel.Name;
    // 当前节点对应的DataGrid数据源
    public List<object> GridData => DataModel.Data;

    public bool IsSelected
    {
        get => _isSelected;
        set
        {
            if (_isSelected != value)
            {
                _isSelected = value;
                OnPropertyChanged(nameof(IsSelected));
                // 选中时通知顶层ViewModel更新数据源
                if (_isSelected)
                {
                    Parent?.UpdateSelectedGridData(GridData);
                }
            }
        }
    }

    public ComponentViewModel(Component dataModel, AllComponentsTreeViewModel parent)
    {
        DataModel = dataModel;
        Parent = parent;
        // 递归包装子节点
        Children = new ObservableCollection<ComponentViewModel>(
            dataModel.SubComponents.Select(c => new ComponentViewModel(c, parent))
        );
    }

    public AllComponentsTreeViewModel Parent { get; }
}

2. 修改AllComponentsTreeViewModel #

实现SelectedComponent的属性变更通知，并添加接收选中数据的方法：

public class AllComponentsTreeViewModel : ViewModelBase
{
    private List<object> _selectedComponent;
    // TreeView的根节点集合
    public ObservableCollection<ComponentViewModel> FirstGeneration { get; }

    // DataGrid绑定的数据源
    public List<object> SelectedComponent
    {
        get => _selectedComponent;
        set
        {
            _selectedComponent = value;
            OnPropertyChanged(nameof(SelectedComponent));
        }
    }

    public AllComponentsTreeViewModel(Component rootComponent)
    {
        FirstGeneration = new ObservableCollection<ComponentViewModel>
        {
            new ComponentViewModel(rootComponent, this)
        };
        // 默认选中根节点
        SelectedComponent = FirstGeneration.First().GridData;
    }

    // 接收树节点传递的选中数据
    public void UpdateSelectedGridData(List<object> data)
    {
        SelectedComponent = data;
    }
}

3. 调整XAML绑定（无需修改原有代码，仅验证逻辑） #

你的DataGrid绑定逻辑是正确的，SelectedComponent现在会触发属性变更通知，DataGrid会自动刷新：

<DataGrid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.Column="1" 
          ItemsSource="{Binding SelectedComponent, UpdateSourceTrigger=PropertyChanged}">
</DataGrid>

4. 主窗口初始化逻辑保持不变 #

原有的Component数据初始化代码无需修改，AllComponentsTreeViewModel的实例化逻辑正常执行即可。

原理说明 #

通过TreeViewItem的IsSelected双向绑定，当用户选中节点时，节点ViewModel的IsSelected属性触发变更，同时通知顶层ViewModel更新SelectedComponent。由于SelectedComponent实现了INotifyPropertyChanged，DataGrid会自动感知到数据源变化并刷新显示。

内容的提问来源于stack exchange，提问作者Mark Lim