別のユーザーコントロールからのカスタムユーザーコントロール内の組み込みコントロールのプロパティへのバインド

Question

元のMainWindow.xamlのサイズが大きすぎるため、管理が困難です。そこでそれらを複数のユーザーコントロールに分けます。しかし、次の問題が発生しました.UserControl_2の1つのコントロールは、UserControl_1内のListViewの選択を参照しています。私はバインディングを変更しようとしましたが、期待どおりに動作していませんでした。別のユーザーコントロールに正しくバインドする方法はありますか？

MainWindow.xaml：

<Window x:Class="MyApp.MainWindow" ...> 
    <Grid> 
     <view:UserControl_1/> 
     <view:UserControl_2/> 
    </Grid> 
</Window> 

UserControl_1.xaml：

<UserControl x:Class="MyApp.views.UserControl_1 ...> 
    <Grid> 
     <ListView x:Name="MyListView" /> 
    </Grid> 
</UserControl> 

UserControl_2.xaml

<UserControl x:Class="MyApp.views.UserControl_2 ...> 
    <Grid> 
     <Button Content="Test" 
      Command="TestCommand" 
      CommandParameter="{Binding Path=MyListView.SelectedIndex, 
      RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl_1}}}" 
    </Grid> 
</UserControl> 

Answer 1

ビューモデルクラスを作成してのDataContextとして、このいずれかを設定します親ウィンドウ：

public class ViewModel 
{ 
    private int _selectedIndex; 
    public int SelectedIndex 
    { 
     get { return _selectedIndex; } 
     set { _selectedIndex = value; NotifyPropertyChanged(); } 
    } 

    public event PropertyChangedEventHandler PropertyChanged; 
    private void NotifyPropertyChanged([CallerMemberName] String propertyName = "") 
    { 
     if (PropertyChanged != null) 
      PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); 
    } 
} 

MainWindow.xaml：

<Window x:Class="MyApp.MainWindow" ...> 
    <Window.DataContext> 
     <local:ViewModel /> 
    </Window.DataContext> 
    <Grid> 
     <view:UserControl_1/> 
     <view:UserControl_2/> 
    </Grid> 
</Window> 

あなたはその後、同じソースプロパティにユーザーコントロールでListViewとButtonをバインドすることができます。

UserControl_1.xaml：

<UserControl x:Class="MyApp.views.UserControl_1 ...> 
    <Grid> 
     <ListView x:Name="MyListView" SelectedIndex="{Binding DataContext.SelectedIndex, RelativeSource={RelativeSource AncestorType=Window}}" /> 
    </Grid> 
</UserControl> 

UserControl_2.xaml：おそらく

<UserControl x:Class="MyApp.views.UserControl_2 ...> 
    <Grid> 
     <Button Content="Test" 
      Command="TestCommand" 
      CommandParameter="{Binding Path=DataContext.SelectedIndex, 
      RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}" /> 
    </Grid> 
</UserControl>