Jak przenieść moją instrukcję obsługi RoutedCommand z View-codebehind do ViewModel?

Question

Następujący przykład RoutedCommand działa.

Jednak obsługa przycisku, który wykonuje polecenie , jest w kodzie będącym częścią widoku. Sposób, w jaki rozumiem MVVM, to powinien być w ViewModel.

Jednak po przeniesieniu metody do ViewModel (i zmianie jej na publiczny) pojawia się błąd "ManagedCustomersView nie zawiera definicji OnSave". Nawet jeśli zmienię drugi parametr RoutedCommand na typeof (ManageCustomersViewModel), pojawia się ten sam błąd.

Jak mogę przenieść obsługę poleceń z widoku-kodu do modelu ViewModel?

ManageCustomersView.xaml:

<UserControl.CommandBindings> 
    <CommandBinding Command="local:Commands.SaveCustomer" Executed="OnSave"/> 
</UserControl.CommandBindings> 
... 
<Button Style="{StaticResource formButton}" 
    Content="Save" 
    Command="local:Commands.SaveCustomer" 
    CommandParameter="{Binding Id}"/> 

ManageCustomersView.xaml.cs:

private void OnSave(object sender 
        , System.Windows.Input.ExecutedRoutedEventArgs e) 
{ 
    int customerId = ((int)e.Parameter); 
    MessageBox.Show(String.Format 
     ("You clicked the save button for customer with id {0}.", customerId)); 
} 

Commands.cs:

using System.Windows.Input; 
using TestDynamicForm123.View; 

namespace TestDynamicForm123 
{ 
    public class Commands 
    { 
     public static RoutedCommand SaveCustomer = 
      new RoutedCommand("SaveCustomer", typeof(ManageCustomersView)); 
    } 
} 

Answer 1

Wyeksponujesz właściwość z Twojego ViewModel, która odwołuje się do polecenia.

class MyViewModel 
{ 
    public RoutedCommand SaveCmd{ get{ return Commands.SaveCustomer; } } 
} 

Następnie w XAML

<Button Command="{Binding SaveCmd}" /> 

Jednak może się okazać, że łatwiej używać RelayCommand, dzięki czemu można określić rzeczywistą logikę polecenia w modelu, jak również.