WPF Binding Кнопка Команда

Question

У меня есть экран, который выглядит следующим образом:

Каждая цветная область другой UserControl положить в MainView.xaml следующим образом:

<UserControl Name="TopDockPanel" DockPanel.Dock="Top" Content="{Binding QuickInfoVM, Source={StaticResource Locator}}" /> 
<UserControl Name="LeftDockPanel" DockPanel.Dock="Left" Content="{Binding NavigationVM, Source={StaticResource Locator}}" /> 
<UserControl Name="RightDockPanel" DockPanel.Dock="Right" Content="{Binding MainContentVM, Source={StaticResource Locator}}" /> 

(Я использую MVVMLight, поэтому локатор - это Vi ewModelLocator)

Зеленая зона является областью ItemsControl отображения кнопок для каждого из элементов (Компания & Employee):

<UserControl x:Class="MvvmLightDemo.View.NavigationView" 
      Name="Navigation" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:local="clr-namespace:MvvmLightDemo.View" 
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="120" 
      DataContext="{Binding MainContentVM, Source={StaticResource Locator}}" > 

    <StackPanel Background="CadetBlue"> 
     <ItemsControl ItemsSource="{Binding PageViewModels}"> 
      <ItemsControl.ItemTemplate> 

       <ItemContainerTemplate> 
        <Button Content="{Binding Name}" 
          Style="{StaticResource NavigationTextStyle}" 
          Command="{Binding ChangePageCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:NavigationView}}}" /> 


       </ItemContainerTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 
    </StackPanel> 
</UserControl> 

MainContentVM содержит ChangePageCommand следующим образом:

 public RelayCommand<IPageViewModel> ChangePageCommand 
     { 
      get 
      { 
       return _changePageCommand = new RelayCommand<IPageViewModel>(
         p => ChangeViewModel((IPageViewModel)p), 
         p => p is IPageViewModel); 

      } 
     } 

Мой вопрос есть, как мне привязать кнопки в ItemContainerTemplate к ChangePageCommand в MainContentVM? То, что у меня не работает, при отладке ChangePageCommand никогда не вызывается при нажатии любой кнопки.

Когда я использую Command="{Binding ChangePageCommand, RelativeSource={RelativeSource AncestorType={x:Type local:NavigationView}}}", не следует установить привязку команды к значению NavigationView (DataContext = MainContentVM)?

Answer 1

попробовать это:

<Button Content="{Binding Name}" 
          Style="{StaticResource NavigationTextStyle}" 
          Command="{Binding DataContext.ChangePageCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:NavigationView}}}" /> 

Update:

<Button Content="{Binding Name}" 
           Style="{StaticResource NavigationTextStyle}" 
           CommandParameter="{Binding}" 
           Command="{Binding DataContext.ChangePageCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:NavigationView}}}" />