WPF MVVM模式下实现可点击按钮获取数据的技术问询（附XAML代码）

看起来你已经搭好了ListView绑定分类数据的基础框架，咱们把「点击Add Value按钮获取数据」的功能完整实现出来，一步一步来：

第一步：完善View的XAML代码 #

先把你提供的XAML片段补全并优化，关键是给按钮命令加上参数，方便后续定位操作的分类项：

<Grid>
    <ListView ItemsSource="{Binding Path=dcCategory}" 
              SelectedValuePath="Key" 
              SelectedValue="{Binding Path=Category, Mode=TwoWay}">
        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <!-- 用RelativeSource找到ListView的DataContext，绑定命令并传递当前项作为参数 -->
                        <Button Content="Add Value" 
                                Command="{Binding Path=DataContext.AddValueCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListView}}}"
                                CommandParameter="{Binding}"/>
                        <TextBlock Text="{Binding Path=Key.Name}" Margin="8 0 0 0"/>
                    </StackPanel>
                    <!-- 可选：显示当前分类已有的数据 -->
                    <ListBox ItemsSource="{Binding Path=Values}" Margin="8 4 0 0">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="数值: {Binding Value} | 时间: {Binding CreateTime}"/>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Grid>

第二步：定义Model实体类 #

从你的XAML里的Key.Name可以看出，你用了键值对结构，咱们先明确数据实体：

// 分类实体类
public class Category
{
    public int Id { get; set; }
    public string Name { get; set; }
}

// 分类对应的数值数据类（按需调整字段）
public class CategoryValue
{
    public int Id { get; set; }
    public int CategoryId { get; set; }
    public decimal Value { get; set; }
    public DateTime CreateTime { get; set; }
}

// 绑定到ListView的项模型（包含分类和对应的数值列表）
public class CategoryItem
{
    public Category Key { get; set; }
    public ObservableCollection<CategoryValue> Values { get; set; } = new ObservableCollection<CategoryValue>();
}

第三步：实现ViewModel核心逻辑 #

MVVM的核心是ViewModel，咱们需要实现命令、数据集合和属性变更通知：

先实现通用的RelayCommand（WPF常用命令实现） #

可以放在项目的工具类文件夹里，复用性强：

public class RelayCommand : ICommand
{
    private readonly Action<object> _execute;
    private readonly Func<object, bool> _canExecute;

    public event EventHandler CanExecuteChanged
    {
        add => CommandManager.RequerySuggested += value;
        remove => CommandManager.RequerySuggested -= value;
    }

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

    public bool CanExecute(object parameter)
    {
        return _canExecute == null || _canExecute(parameter);
    }

    public void Execute(object parameter)
    {
        _execute(parameter);
    }
}

实现主ViewModel #

public class MainViewModel : INotifyPropertyChanged
{
    // 绑定到ListView的分类集合
    public ObservableCollection<CategoryItem> dcCategory { get; set; } = new ObservableCollection<CategoryItem>();

    // 选中的分类（双向绑定）
    private Category _category;
    public Category Category
    {
        get => _category;
        set
        {
            _category = value;
            OnPropertyChanged();
        }
    }

    // Add Value按钮的命令
    public ICommand AddValueCommand { get; }

    public MainViewModel()
    {
        // 初始化命令，关联执行方法
        AddValueCommand = new RelayCommand(ExecuteAddValue);
        // 初始化模拟数据（实际项目从API/数据库获取）
        InitMockCategories();
    }

    // 按钮点击的核心逻辑：获取数据并添加到对应分类
    private void ExecuteAddValue(object parameter)
    {
        // 接收XAML传递过来的当前分类项
        if (parameter is CategoryItem selectedItem)
        {
            // 这里替换成你的实际数据获取逻辑：比如调用API、查询数据库
            var newData = new CategoryValue
            {
                CategoryId = selectedItem.Key.Id,
                Value = new Random().Next(1, 100),
                CreateTime = DateTime.Now
            };

            // 添加到分类的数值列表，UI会自动更新（因为用了ObservableCollection）
            selectedItem.Values.Add(newData);

            // 可选：提示用户操作结果
            MessageBox.Show($"已为「{selectedItem.Key.Name}」添加数据：{newData.Value}");
        }
    }

    // 初始化模拟分类数据
    private void InitMockCategories()
    {
        dcCategory.Add(new CategoryItem { Key = new Category { Id = 1, Name = "分类A" } });
        dcCategory.Add(new CategoryItem { Key = new Category { Id = 2, Name = "分类B" } });
        dcCategory.Add(new CategoryItem { Key = new Category { Id = 3, Name = "分类C" } });
    }

    // 属性变更通知实现，确保UI能感知属性变化
    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

第四步：绑定ViewModel到View的DataContext #

最后把ViewModel和View关联起来，有两种常用方式：

方式一：在XAML中直接绑定 #

<Window x:Class="YourProjectNamespace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:YourProjectNamespace"
        Title="MainWindow" Height="450" Width="800">
    <!-- 设置DataContext为ViewModel实例 -->
    <Window.DataContext>
        <local:MainViewModel/>
    </Window.DataContext>
    <Grid>
        <!-- 你的ListView代码放在这里 -->
    </Grid>
</Window>

方式二：在后台代码中设置 #

public MainWindow()
{
    InitializeComponent();
    DataContext = new MainViewModel();
}

几个关键注意点 #

• 必须实现INotifyPropertyChanged接口，否则属性变更无法通知UI更新
• 用ObservableCollection而不是普通List，集合增删操作会自动触发UI更新
• 命令的CommandParameter可以灵活传递上下文数据，这里传当前分类项是为了明确操作目标
• 实际项目中，数据获取逻辑应该抽离到单独的Service层，ViewModel只负责调用Service，保持职责分离

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