10

以下のコードでは、ユーザーがコンボボックスでCustomer を選択すると、顧客の名前がテキストボックスに表示されます。Combox ボックスに ViewModel の ObservableCollection プロパティを入力しましたが、ViewModel で SelectedItem イベントを処理するにはどうすればよいですか?

以下に示すようにコード ビハインドを使用してこれを実装するのは簡単ですが、MVVM パターンでこれを行うにはどうすればよいですか?

現在、使用できる基本的な MVVM テンプレートにDelegateCommandとAttachedBehaviorsがありますが、「コンボボックスが新しい項目を選択した」ときにそれらを起動する方法がわかりません。

意見：

<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);
}
4

2 に答える 2

12

ViewModel のプロパティをコンボボックスの SelectedItem プロパティにバインドできるはずです。これを双方向バインディングとして設定すると、プロパティで set メソッドがトリガーされるため、SelectedItem が変更されたときに通知されます。

ビューモデル:

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>
于 2009-06-18T09:38:00.970 に答える
10

www.codeproject.comでこのアプリケーションをご覧ください。ここでは CollectionView を使用して、現在選択されているアイテムを検出します

アップデート

CollectionView を使用して現在選択されているアイテムを検出する

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

IsSynchronizedWithCurrentItem="True" も設定することを忘れないでください

于 2009-06-18T09:38:56.430 に答える