2

次のような画面があります。

画面のスナップショット

色付きの各領域は、次のように MainView.xaml に配置された異なる UserControl です。

<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 を使用しているため、Locator は ViewModelLocator です)

緑色の領域は、各項目 (会社と従業員) のボタンを表示する ItemsControl 領域です。

<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 のボタンを MainContentVM の ChangePageCommand にバインドするにはどうすればよいですか? いずれかのボタンをクリックしたときに ChangePageCommand のデバッグが呼び出されない場合、私が持っているものは機能しません。

Command="{Binding ChangePageCommand, RelativeSource={RelativeSource AncestorType={x:Type local:NavigationView}}}"コマンドのバインディングをNavigationView(DataContext = MainContentVM)のバインディングに設定しないでください。

4

1 に答える 1

3

これを試して：

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

アップデート：

 <Button Content="{Binding Name}" 
                                Style="{StaticResource NavigationTextStyle}" 
                                CommandParameter="{Binding}"
                                Command="{Binding DataContext.ChangePageCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:NavigationView}}}" />
于 2013-09-12T14:15:14.023 に答える