Question

我有以下 MainView.xaml 文件，该文件可以很好地用作MVVM菜单切换器。我有这些配对：

Page1View / Page1ViewModel
Page2View / Page2ViewModel

在我的 MainViewModel 中我用两个ViewModel填充ObservableCollection，然后当用户点击下一步按钮时，它在MainViewModel中调用 NextPageCommand 使用新的ViewModel切换出 CurrentPageViewModel ，然后使用适当的View显示，效果很好。

我还在菜单中填充了Observable集合中ViewModel的所有标题，这些标题也很好用。

但是，每个MenuItem都有一个Command =“{Binding SwitchPageCommand}”，它应该在 MainViewModel 上调用SwitchPageCommand，而不是在例如 Page1ViewModel 或 Page2ViewModel 。

那么我怎样才能在模板中指明不要绑定到当前的ViewModel，而是指明包含该ViewModel的ViewModel，例如像这样：

PSEUDO-CODE:

<DataTemplate x:Key="CodeGenerationMenuTemplate">
    <MenuItem 
        Command="{Binding <parentViewModel>.SwitchPageCommand}" 
        Header="{Binding Title}" 
        CommandParameter="{Binding Title}"/>
</DataTemplate>

这是 MainViewModel ：

<Window x:Class="TestMenu234.Views.MainView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:c="clr-namespace:TestMenu234.Commands"
    xmlns:vm="clr-namespace:TestMenu234.ViewModels"
    xmlns:v="clr-namespace:TestMenu234.Views"
    Title="Main Window" Height="400" Width="800">

    <Window.Resources>
        <DataTemplate x:Key="CodeGenerationMenuTemplate">
            <MenuItem Header="{Binding Title}" Command="{Binding SwitchPageCommand}" CommandParameter="{Binding Title}"/>
        </DataTemplate>
        <DataTemplate DataType="{x:Type vm:Page1ViewModel}">
            <v:Page1View/>
        </DataTemplate>
        <DataTemplate DataType="{x:Type vm:Page2ViewModel}">
            <v:Page2View/>
        </DataTemplate>
    </Window.Resources>

    <DockPanel>

        <Menu DockPanel.Dock="Top">
            <MenuItem Header="Code _Generation" ItemsSource="{Binding AllPageViewModels}"
                      ItemTemplate="{StaticResource CodeGenerationMenuTemplate}"/>
        </Menu>

        <StackPanel DockPanel.Dock="Top" Orientation="Horizontal">
            <Button Margin="5" Content="Next Page" Command="{Binding NextPageCommand}"/>
        </StackPanel>

        <ContentControl
            Content="{Binding CurrentPageViewModel}"/>

    </DockPanel>
</Window>

Answer 1

答案是：

<DataTemplate x:Key="CodeGenerationMenuTemplate">
    <MenuItem 
        Header="{Binding Title}" 
        Command="{Binding DataContext.SwitchPageCommand,
    RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Menu}}}" 
        CommandParameter="{Binding Title}"/>
</DataTemplate>

我刚刚看到Nir在这个问题上给了我解决上述问题的语法：What is the best way in MVVM to build a menu that displays various pages?。

如何告诉我的DataTemplate绑定到PARENT ViewModel中的属性？

1 个答案: