WPF MVVM DataGridとTabControlを持つマスター詳細ビュー

Question

WPF MVVMでマスター詳細ビューを実装しようとしています。

私のビューモデルでは、私は観察可能な "原因"のコレクションを持っています。各原因には、「解決策」の観測可能なコレクションがあります。

私は編集可能なデータグリッドを原因にバインドしています。正常に動作しています。しかし、ユーザーがDataGridの行を選択すると、そのユーザーがTabControlで関連するソリューションを表示できるようにしたいと考えています。

どうすればいいですか？ ViewModelにプロパティCurrentCauseを作成し、それをSelectedItemにバインドする必要があります。 TabControlではCurrentCause.Solutionsにバインドできます。

これは最適なアプローチですか？お知らせ下さい。ありがとう!!

Answer 1

TabControlのItemsSourceを要素バインディングを使用してDataGridのSelectedItemにバインドできます。

<TabControl ItemsSource="{Binding ElementName=myDataGrid, Path=SelectedItem.Solutions}"> 

Answer 2

あなたはTrueにIsSynchronizedWithCurrentItemを設定し、thisような何かを行うことができます。

Answer 3

私はDataGridを原因のリストに、SelectedItemをYourCurrentCauseに、そしてTabControlをソリューションにバインドします。その後、MVVMにうまく収められたものがすべてあります。

private Cause _currentCause; 
public Cause CurrentCause 
{ 
    get { return _currentCause; } 
    set 
    { 
     if (_currentCause == value) return; 
      CurrentSolution = _currentCause.Solutions; //However you do this... 
     _currentCause = value; 

     RaisePropertyChanged("CurrentCause"); 
    } 
} 

private ObservableCollection<Cause> _causes; 
public ObservableCollection<Cause> Causes 
{ 
    get { return _causes; } 
    set 
    { 
     _causes = value; 
     RaisePropertyChanged("Causes"); 
    } 
} 
private ObservableCollection<Solution> _solutions; 
public ObservableCollection<Solution> Solutions 
{ 
    get { return _solutions; } 
    set 
    { 
     _solutions = value; 
     RaisePropertyChanged("Companies"); 
    } 
} 



<dg:DataGrid ItemsSource="{Binding Causes}" SelectedItem="{Binding CurrentCause}"...