Einschränkung von Elementen in einem Dropdown-Menü basierend auf der Auswahl in einem anderen Dropdown-Feld

Question

Ich habe zwei Dropdown-Menüs A und B. Abhängig von der Auswahl in Dropdown A möchte ich die in B gezeigten Elemente einschränken gibt es eine Eigenschaft, die ich in XAML binden kann oder gibt es eine andere Möglichkeit, es zu erreichen? Ich benutze VS 2012, WPF, MVVM Modell und Telerik Kontrollen.

Answer 1

Betrachten wir das Beispiel des Kombinationsfelds "Land und Staat", in dem das Status-Kombinationsfeld entsprechend der Auswahl im Kombinationsfeld "Land" ausgefüllt wird.

Wenn ich also in XAML-Eigenschaften spreche, möchten Sie hier die ItemsSource-Eigenschaft des Kombinationsfelds State auf der Basis der SelectedItem-Eigenschaft des Country-Kombinationsfelds aktualisieren.

Um dies zu erreichen, fügen Sie in ViewModel eine neue Eigenschaft "SelectedCountry" hinzu, die die Auswahl des Kombinationsfelds Country enthält. Legen Sie StateCollection im Setter dieser Eigenschaft "SelectedCountry" nach Bedarf fest.

Stellen Sie sicher, dass Sie die INotifyPropertyChanged-Schnittstelle implementieren und den ObservableCollection-Typ für beide Sammlungen verwenden.

Folgende ist die Code-Beispiel für das gleiche:

Modellklassen:

public class Country 
{ 
    public string CountryName { get; set; } 
    public int CountryId { get; set; } 
    public List<State> States { get; set; } 
} 

public class State 
{ 
    public string StateName { get; set; } 
    public int StateId { get; set; } 
} 

Ansichtsmodell:

public class MainWindowViewModel : INotifyPropertyChanged 
{ 

    public MainWindowViewModel() 
    { 
     CountriesCollection = new ObservableCollection<Country>(); 
     StateCollection = new ObservableCollection<State>(); 
     LoadData(); 
    } 

    private ObservableCollection<Country> _CountriesCollection; 

    public ObservableCollection<Country> CountriesCollection 
    { 
     get { return _CountriesCollection; } 
     set 
     { 
      _CountriesCollection = value; 
      NotifyPropertyChanged("CountriesCollection"); 
     } 
    } 

    private ObservableCollection<State> _StatesCollection; 

    public ObservableCollection<State> StateCollection 
    { 
     get { return _StatesCollection; } 
     set 
     { 
      _StatesCollection = value; 
      NotifyPropertyChanged("StateCollection"); 
     } 
    } 

    private Country _SelectedCountry; 

    public Country SelectedCountry 
    { 
     get { return _SelectedCountry; } 
     set 
     { 
      _SelectedCountry = value; 
      if (_SelectedCountry != null && _SelectedCountry.States != null) 
      { 
       StateCollection = new ObservableCollection<State>(_SelectedCountry.States); 
      } 
      NotifyPropertyChanged("SelectedCountry"); 
     } 
    } 

    private void LoadData() 
    { 
     if (CountriesCollection != null) 
     { 
      CountriesCollection.Add(new Country 
      { 
       CountryId = 1, 
       CountryName = "India", 
       States = new List<State> 
          { 
            new State { StateId = 1, StateName = "Gujarat"}, 
            new State { StateId = 2, StateName = "Punjab"}, 
            new State { StateId = 3, StateName = "Maharastra"} 
          } 
      }); 
      CountriesCollection.Add(new Country 
      { 
       CountryId = 2, 
       CountryName = "Chine", 
       States = new List<State> 
          { 
            new State { StateId = 4, StateName = "Chine_State1"}, 
            new State { StateId = 5, StateName = "Chine_State2"}, 
            new State { StateId = 6, StateName = "Chine_State3"} 
          } 
      }); 
      CountriesCollection.Add(new Country 
      { 
       CountryId = 3, 
       CountryName = "japan", 
       States = new List<State> 
          { 
            new State { StateId = 7, StateName = "Japan_State1"}, 
            new State { StateId = 8, StateName = "Japan_State2"}, 
            new State { StateId = 9, StateName = "Japan_State3"} 
          } 
      }); 
     } 
    } 

    public event PropertyChangedEventHandler PropertyChanged; 

    private void NotifyPropertyChanged(String info) 
    { 
     PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(info)); 
    } 

} 

XALM:

<StackPanel Orientation="Horizontal" > 
     <ComboBox 
       Height="30" Width="100" 
       HorizontalAlignment="Left" Margin="30" 
       ItemsSource="{Binding CountriesCollection}" 
       SelectedItem="{Binding SelectedCountry}" 
       DisplayMemberPath="CountryName"> 
     </ComboBox> 
     <ComboBox 
       Height="30" Width="100" 
       HorizontalAlignment="Left" Margin="30" 
       ItemsSource="{Binding SelectedCountry.States}" 
       DisplayMemberPath="StateName"> 
     </ComboBox> 
    </StackPanel> 

XAML.CS

InitializeComponent(); 
this.DataContext = new MainWindowViewModel(); 

Ich hoffe, dass dieses Beispiel werden die Dinge klar für Sie. Lassen Sie es mich wissen, wenn Sie weitere Informationen dazu benötigen.

Answer 2

Die Idee besteht darin, beide Liste im Viewmodel plus zwei Eigenschaften zu haben, um das ausgewählte Element (Datenelement) zu halten.

Lassen Sie die beiden ComboBox an diese Eigenschaften binden und im Viewmodel die 'FirstSelectedItem'-Eigenschaft ändern (oder den Eintrag zu ihrem Setter).

Auf diese Weise können Sie die Mitglieder der zweiten Liste ändern.