Qual é a maneira mais fácil de lidar com eventos SelectedItem com MVVM?

Question

No código abaixo, quando o usuário seleciona Customer na caixa de combinação, o nome do cliente é exibida em uma caixa de texto. Eu encher a caixa COMBOX com uma propriedade ObservableCollection no meu ViewModel, mas como faço para manipular o evento SelectedItem na minha ViewModel?

É fácil de implementar isso com code-behind como mostrado abaixo, mas como faço para fazer isso com o padrão MVVM?

Eu tenho atualmente DelegateCommand e AttachedBehaviors no meu modelo MVVM básica que eu posso usar, mas eu não consigo descobrir como obtê-los ao fogo quando "seleciona combobox um novo item".

Vista:

<Window.Resources>
    <DataTemplate x:Key="CustomerTemplate">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding LastName}"/>
        </StackPanel>
    </DataTemplate>
</Window.Resources>

<DockPanel LastChildFill="False" Margin="10">
    <ComboBox 
        x:Name="CustomerList"
        ItemTemplate="{StaticResource CustomerTemplate}"
        HorizontalAlignment="Left"
        DockPanel.Dock="Top" 
        Width="200"
        SelectionChanged="CustomerSelected"
        ItemsSource="{Binding Customers}"/>

    <TextBlock x:Name="CurrentlySelectedCustomer"/>
</DockPanel>

Código Behind:

private void CustomerSelected(object sender, System.Windows.Controls.SelectionChangedEventArgs e)
{
    Customer customer = (Customer)CustomerList.SelectedItem;
    CurrentlySelectedCustomer.Text = String.Format("{0} {1}", customer.FirstName, customer.LastName);
}

Answer 1

Você deve ser capaz de vincular uma propriedade em você viewmodel à propriedade SelectedItem do combobox. Se você configurá-lo como duas vias de ligação que você será notificado quando o SelectedItem é alterado porque ele irá acionar o método set na propriedade.

ViewModel:

public ObservableCollection Customers
{
   get { return _customers; }
   set
   {
       if (_customers != value)
       {
           _customers = value;
           OnPropertyChanged("Customers");
       }
   }
}

public Customer SelectedCustomer
{
   get { return _selectedCustomer; }
   set
   {
       if (_selectedCustomer != value)
       {
           _selectedCustomer= value;
           LastName= value.LastName;
           OnPropertyChanged("SelectedCustomer");
       }
   }
}

public Customer LastName
{
   get { return _lastName; }
   set
   {
       if (_lastName!= value)
       {
           _lastName= value;
           OnPropertyChanged("LastName");
       }
   }
}

Xaml:

<DockPanel LastChildFill="False" Margin="10">
    <ComboBox 
        x:Name="CustomerList"
        ItemTemplate="{StaticResource CustomerTemplate}"
        HorizontalAlignment="Left"
        DockPanel.Dock="Top" 
        Width="200"
        SelectedItem="{Binding SelectedCustomer, Mode=TwoWay}"
        ItemsSource="{Binding Customers}"/>

    <TextBlock x:Name="CurrentlySelectedCustomer"
               Text="{Binding LastName}"/>
</DockPanel>

Answer 2

Tenha um olhar em esta aplicação em www.codeproject.com. Aqui eu uso o CollectionView para detectar o item selecionado

Atualizar

Usando CollectionView para detectar item selecionado atual

ListCollectionView view = (ListCollectionView)CollectionViewSource.GetDefaultView(Customers); 
view.CurrentChanged += delegate 
{ 
    SelectedCustomer= (Customer)view.CurrentItem; 
};

Apenas lembre-se de também definir IsSynchronizedWithCurrentItem = "true"