MVVMでSelectedItemイベントを処理する最も簡単な方法は何ですか?
-
06-07-2019 - |
質問
以下のコードでは、コンボボックスでユーザーが顧客を選択すると、テキストボックスに顧客の名前が表示されます。 ComboxボックスにViewModelのObservableCollectionプロパティを入力しますが、ViewModelのSelectedItemイベントをどのように処理しますか?
下に示すようにコードビハインドでこれを実装するのは簡単ですが、 MVVMパターンでこれを行うにはどうすればよいですか
現在、使用できる基本的なMVVMテンプレートには DelegateCommand と AttachedBehaviors がありますが、" comboboxのときにそれらを起動する方法がわかりません新しいアイテムを選択"。
表示:
<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);
}
解決
ViewModelのプロパティをコンボボックスのSelectedItemプロパティにバインドできるはずです。これを双方向バインディングとして設定すると、SelectedItemがプロパティのsetメソッドをトリガーするため、SelectedItemが変更されると通知されます。
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>
他のヒント
www.codeproject.comの this アプリケーションをご覧ください。ここでは、CollectionViewを使用して、現在選択されているアイテムを検出します
更新
CollectionViewを使用して現在選択されているアイテムを検出する
ListCollectionView view = (ListCollectionView)CollectionViewSource.GetDefaultView(Customers);
view.CurrentChanged += delegate
{
SelectedCustomer= (Customer)view.CurrentItem;
};
IsSynchronizedWithCurrentItem =&quot; True&quot;も設定することを忘れないでください
所属していません StackOverflow