Làm thế nào để xử lý sự kiện SelectionChanged của ComboBox với MVVM trong wpf?

Question

Làm cách nào để tăng/xử lý sự kiện SelectionChanged của WPF ComboBox bằng mẫu MVVM?
Giải thích chi tiết, vui lòng làm quen với WPF.

Điều tôi muốn, là thực hiện một số thao tác khi lựa chọn mục ComboBox thay đổi. Làm thế nào tôi có thể đạt được nó, theo một cách MVVM?

Answer 1

giải pháp MVVM:

Bind các ItemsSource và SelectedItem thuộc tính của ComboBox để tài sản trong ViewModel của bạn:

<ComboBox ItemsSource="{Binding MyItems}" SelectedItem="{Binding MySelectedItem}"/> 

Trong MainViewModel.cs:

public ObservableCollection<string> MyItems { get; set; } 

private string _mySelectedItem; 
public string MySelectedItem 
{ 
    get { return _mySelectedItem; } 
    set 
    { 
    // Some logic here 
    _mySelectedItem = value; 
    } 
} 

số- đằng sau giải pháp:

Nếu bạn không muốn sử dụng MVVM, bạn có thể thêm sử dụng này:

<ComboBox SelectionChanged="ComboBox_SelectionChanged" /> 

Và thêm này trong MainWindow.xaml.cs:

private void ComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e) 
{ 
    // Some logic here 
} 

Answer 2

Trước tiên, hãy làm rõ mọi thứ - bạn không thể thay đổi sự kiện thay vì bạn có thể đăng ký.

Vì bạn không cung cấp bất kỳ thông tin nào về việc bạn muốn xử lý các thay đổi lựa chọn, tôi sẽ giả định hầu hết các trường hợp phổ biến - xử lý trong ViewModel cơ bản. Theo MVVM ViewModel không nên biết gì về View vì vậy bạn không thể đăng ký trực tiếp từ ViewModel đến sự kiện của View control. Nhưng bạn có thể liên kết thuộc tính của ViewModel với SelectedItem hoặc SelectedIndex để nó kích hoạt trong khi thay đổi lựa chọn.

<ComboBox 
     SelectedIndex="{Binding SelectedIndexPropertyName}" 
     ... /> 

Có nhiều giải pháp khác làm xử lý trong mã phía sau của một Xem bằng cách truy cập một ViewModel qua view.DataContext nhưng tôi sẽ đề nghị tránh thực hành như vậy, đây là công trình xung quanh trường hợp.

Answer 3

ViewModel của bạn cần triển khai INotifyPropertyChanged.

public class MyViewModel : INotifyPropertyChanged 
{ 
    private string _mySelectedItem; 
    public string MySelectedItem 
    { 
     get 
     { 
      return _mySelectedItem; 
     } 
     set 
     { 
      if (_mySelectedItem != value) 
      { 
       _mySelectedItem = value; 
       // Perform any pre-notification process here. 
       if (null != PropertyChanged) 
       { 
        PropertyChanged(this, new PropertyChangedEventArgs("MySelectedItem")); 
       } 
      } 
     } 
    } 
} 

Các posted trước XAML là đúng:

<ComboBox ItemsSource="{Binding MyItems}" SelectedItem="{Binding MySelectedItem}"/> 

Answer 4

Tôi là một fan hâm mộ lớn của phương pháp này.

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 

<ComboBox Grid.Column="2" DisplayMemberPath="Data.name" ItemsSource="{Binding Model.Regions}" SelectedItem="{Binding Model.SelectedRegion}"> 
    <i:EventTrigger EventName="SelectionChanged"> 
     <i:InvokeCommandAction Command="{Binding RegionChangedCmd}" /> 
    </i:EventTrigger> 
</ComboBox>