MVVM模式下XAML.cs添加逻辑并传递数据至ViewModel的方法

一、直接从DataContext获取ViewModel实例 #

在MVVM架构中，视图的DataContext通常就是对应的ViewModel实例，你可以在XAML.cs中直接获取并操作：

private void Add_Children(object sender, RoutedEventArgs e)
{
    string name = Child.Text;
    // 先执行你的业务逻辑，比如验证、格式化输入内容
    if (string.IsNullOrWhiteSpace(name))
        return;

    // 获取ViewModel实例
    var viewModel = DataContext as YourViewModel;
    if (viewModel != null)
    {
        // 将处理后的数据传递给ViewModel
        viewModel.Children += name;
    }
}

二、优化为符合MVVM规范的实现（推荐） #

当前代码直接操作ListView.Items的写法违背了MVVM视图与逻辑分离的原则，更合理的做法是将数据逻辑完全托管在ViewModel中：

1. 重构ViewModel

使用ObservableCollection存储子项（自动通知视图更新），并通过ICommand处理添加操作：

using System.Collections.ObjectModel;
using System.Windows.Input;

public class YourViewModel : INotifyPropertyChanged
{
    // 存储子项列表，绑定到ListView
    private ObservableCollection<string> _childrenList = new ObservableCollection<string>();
    public ObservableCollection<string> ChildrenList
    {
        get => _childrenList;
        set
        {
            _childrenList = value;
            OnPropertyChanged(nameof(ChildrenList));
            // 自动拼接Children字符串，无需手动处理
            Children = string.Join("", _childrenList);
        }
    }

    private string _children;
    public string Children
    {
        get => _children;
        set
        {
            _children = value;
            OnPropertyChanged(nameof(Children));
        }
    }

    // 绑定TextBox输入的临时属性
    private string _childName;
    public string ChildName
    {
        get => _childName;
        set
        {
            _childName = value;
            OnPropertyChanged(nameof(ChildName));
        }
    }

    // 添加子项的命令
    public ICommand AddChildCommand { get; }

    public YourViewModel()
    {
        AddChildCommand = new RelayCommand(ExecuteAddChild);
    }

    private void ExecuteAddChild(object parameter)
    {
        if (!string.IsNullOrWhiteSpace(ChildName))
        {
            ChildrenList.Add(ChildName);
            // 清空输入框
            ChildName = string.Empty;
        }
    }

    // INotifyPropertyChanged实现
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

// 简单实现RelayCommand（若框架无自带可复用）
public class RelayCommand : ICommand
{
    private readonly Action<object> _execute;
    private readonly Func<object, bool> _canExecute;

    public event EventHandler CanExecuteChanged;

    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?.Invoke(parameter) ?? true;
    }

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

    public void RaiseCanExecuteChanged()
    {
        CanExecuteChanged?.Invoke(this, EventArgs.Empty);
    }
}

2. 修改视图XAML（完全绑定，无需Code-Behind事件）

<TextBox Text="{Binding ChildName, UpdateSourceTrigger=PropertyChanged}"/>
<Button Content="Add" Command="{Binding AddChildCommand}"/>
<ListView ItemsSource="{Binding ChildrenList}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding}"/>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

三、注意事项 #

• 确保视图的DataContext已正确关联ViewModel实例（可在XAML根标签的DataContext属性设置，或在代码中初始化赋值）。
• 优先用ICommand替代Code-Behind的Click事件，保持MVVM的职责分离原则。
• 使用ObservableCollection而非普通集合，确保集合内容变化时视图自动同步更新。

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