我有一个名为MainView.xaml的文件,它作为MVVM菜单切换器运行良好。我有以下这些成对的内容:
- Page1View / Page1ViewModel
- Page2View / Page2ViewModel
在我的MainViewModel中,我使用ObservableCollection填充了这两个ViewModel,然后当用户点击Next按钮时,在MainViewModel中调用NextPageCommand,将CurrentPageViewModel替换为新的ViewModel,并显示适当的View。工作得很好。
我还有一个菜单,其中填充了Observable collection中所有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>