다른 드롭 다운의 선택을 기반으로 한 드롭 다운의 항목 제한

Question

두 개의 드롭 다운 A와 B가 있습니다. 드롭 다운 A에서 선택한 항목에 따라 B에 표시된 항목을 제한하고 싶습니다. Is xaml에 바인딩 할 수있는 속성이 있거나이를 구현하는 다른 방법이 있습니까? VS 2012, WPF, MVVM 모델 및 telerik 컨트롤을 사용하고 있습니다.

Answer 1

국가 콤보 상자의 선택에 따라 국가 콤보 상자가 채워지는 국가 및 국가 콤보 상자의 예제를 생각해 봅시다.

그래서 XAML 속성에 관해서는 국가 콤보 상자의 SelectedItem 속성에 따라 State 콤보 상자의 ItemsSource 속성을 업데이트하려고합니다.

이렇게하려면 국가 선택 상자를 선택하는 ViewModel에 "SelectedCountry"라는 새 속성을 추가하십시오. 이 "SelectedCountry"속성의 Setter에서 필요에 따라 StateCollection을 설정하십시오.

INotifyPropertyChanged 인터페이스를 구현하고 ObservableCollection 형식을 두 컬렉션 모두에 사용해야합니다.

모델 클래스 :

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

뷰 모델 :

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

} 

,691 다음

는

동일한의 코드 샘플입니다

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(); 

나는이 예제는 당신을 위해 일을 명확하게되기를 바랍니다. 더 자세한 정보가 필요하면 알려주십시오.

Answer 2

아이디어는 두 목록을 viewmodel에 추가하고 선택한 항목 (데이터 항목)을 보유하는 두 가지 속성을 갖는 것입니다.

두 개의 ComboBox를 해당 속성에 바인딩하고 'FirstSelectedItem'속성이 변경된 viewmodel 핸들 (또는 해당 설정자에 대한 항목)을 만듭니다.

그런 식으로 두 번째 목록의 구성원을 수정할 수 있습니다.