如何在 WPF 中执行命令

Question

我正在使用MVVM棱镜，我的代码如下

     <ListBox x:Name="myListBox"  Grid.Row="0"
         ItemsSource="{Binding Path=_mySOurce}" 
         ScrollViewer.VerticalScrollBarVisibility="Auto" 
         SelectionChanged="myListBox_SelectionChanged">
    </ListBox>
    <Button Grid.Row="1" x:Name="btnSelect" 
     Command="{Binding Path=SaveCommand}" Content="Select" Margin="396,0,10,0"></Button>

在我的代码中我有

 public ICommand SaveCommand { get; set; }

    public MainWindow()
    {
        InitializeComponent();
        DataContext = this;
        this.SaveCommand = new DelegateCommand<object>(this.OnSaveClick, this.CanSaveExecute);       
    }

    private void myListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {

    }

    private void OnSaveClick(object arg)
    {

        MessageBox.Show("Performed Click");
    }
    private bool CanSaveExecute(object arg)
    {
        if (myListBox.SelectedIndex > 0)
            return true;

        else return false;
    }

我无法在选择更改事件中触发它。

我错过了什么？

Answer 1

如果您在视图模型中处理 UI 事件，那么您根本就没有使用 MVVM！在视图模型中处理 UI 事件完全打破了 MVVM 提供的关注点分离。

但是，简短的回答是这样的：

private void myListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    if (SaveCommand.CanExecute(null)) SaveCommand.Execute(null);
}

更好的解决方案是将另一个属性添加到数据绑定到ListBox.SelectedItem 属性：

<ListBox x:Name="myListBox"  Grid.Row="0" SelectedItem="{Binding CurrentItem}"
    ItemsSource="{Binding Path=_mySOurce}" 
    ScrollViewer.VerticalScrollBarVisibility="Auto" 
    SelectionChanged="myListBox_SelectionChanged" />

然后，每当调用 SelectionChanged 事件时，都会调用该 CurrentItem 属性的设置器：

public YourDataType CurrentItem
{
    get { return currentItem; }
    set
    {
        currentItem = value;
        NotifyPropertyChanged("CurrentItem");
        if (SaveCommand.CanExecute(null)) SaveCommand.Execute(null);
    }
}