Какой самый простой способ обработать событие SelectedItem с MVVM?

Question

В приведенном ниже коде , когда пользователь выбирает в поле со списком Customer , имя клиента отображается в текстовом поле . Я заполняю поле Combox свойством ObservableCollection в моей ViewModel, но как мне обработать событие SelectedItem в моей ViewModel?

Это легко реализовать с помощью кода, как показано ниже, но как мне сделать это с шаблоном MVVM?

В настоящее время у меня есть DelegateCommand и AttachedBehaviors в моем базовом шаблоне MVVM, который я могу использовать, но я не могу понять, как заставить их срабатывать, когда "выпадающий список выбирает новый пункт».

Вид:

<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>

Код сзади:

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

Вы должны иметь возможность связать свойство в вашей ViewModel со свойством SelectedItem в выпадающем списке. Если вы установите это как двустороннее связывание, вы будете уведомлены об изменении SelectedItem, потому что это вызовет метод set для свойства.

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

Посмотрите на это приложение на www.codeproject.com. Здесь я использую CollectionView для обнаружения текущего выбранного элемента

Обновление

Использование CollectionView для обнаружения текущего выбранного элемента

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

Только не забудьте также установить IsSynchronizedWithCurrentItem = "True"