0

我有一个应用程序，它有一个导航菜单，它使用命令从一个页面转到另一个页面。

导航菜单已在 Xaml 中创建，我将其存储在 Navigation.xaml 中，见下文

<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:vm="clr-namespace:Cirdan.Wpf.Navigation"
xmlns:infrastructure="clr-namespace:Cirdan.Wpf.Infrastructure">

<ResourceDictionary.MergedDictionaries>
    <ResourceDictionary Source="/Cirdan.Wpf;component/Resources/Styles/Stylesheet.xaml" />
</ResourceDictionary.MergedDictionaries>

<DataTemplate x:Key="Navigation" >        
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="4*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <UniformGrid Grid.Row="0" Columns="1">
            <Button DataContext="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type vm:NavigationViewModelBase}}}" Visibility="{Binding ElementName=Menu, Path=IsChecked, Converter={StaticResource VisibilityConverter}}" Command="{Binding ViewerPageCmd}" >Viewer Screen</Button>
            <Button DataContext="{Binding NavigationViewModel, Source={x:Static infrastructure:MainWindow.LocatorX}}" Visibility="{Binding ElementName=Menu, Path=IsChecked, Converter={StaticResource VisibilityConverter}}" Command="{Binding}" >Acquisition Screen</Button>
            <Button DataContext="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type vm:NavigationViewModelBase}}}" Visibility="{Binding ElementName=Menu, Path=IsChecked, Converter={StaticResource VisibilityConverter}}" Command="{Binding WorklistPageCmd}" >Worklist Screen</Button>
        </UniformGrid>
        <ToggleButton Grid.Row="1" Style="{StaticResource ToggleBtnToolStyle}" x:Name="Menu" IsChecked="true" Background="Transparent" BorderThickness="0" >
            <StackPanel Orientation="Horizontal">
                <ContentPresenter Margin="5" Height="50" Content="{StaticResource MenuIcon}"></ContentPresenter>
                <Viewbox>
                    <TextBlock Margin="5" Style="{StaticResource TxtToolStyle}">Menu</TextBlock>
                </Viewbox>
            </StackPanel>
        </ToggleButton>
    </Grid>
</DataTemplate>

我试图将这些按钮命令绑定到的 ViewModel 称为 NavigationViewModelBase.cs

using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Command;
using GalaSoft.MvvmLight.Messaging;

namespace Cirdan.Wpf.Navigation
{
public abstract class NavigationViewModelBase : ViewModelBase
{
    private List<DicomMetadataModel> _dicomMetadata;

    //Navigation Cmd
    public ICommand AcquisitionPageCmd { get; private set; }
    public ICommand ManualEntryWindowCmd { get; private set; }
    public ICommand SessionWindowCmd { get; private set; }
    public ICommand SettingsWindowCmd { get; private set; }
    public ICommand StudyInfoPageCommandCmd { get; private set; }
    public ICommand ViewerPageCmd { get; private set; }
    public ICommand WorklistPageCmd { get; private set; }


    protected NavigationViewModelBase()
    {
        AcquisitionPageCmd = new RelayCommand(() => Messenger.Default.Send(new GoToPageMessage(Pages.AcquisitionScreen)));
        ManualEntryWindowCmd = new RelayCommand(() => Messenger.Default.Send(new ShowDialogMessage(Pages.ManualEntry, DicomMetadata)));
        SessionWindowCmd = new RelayCommand(() => Messenger.Default.Send(new ShowDialogMessage(Pages.Session)));
        SettingsWindowCmd = new RelayCommand(() => Messenger.Default.Send(new ShowDialogMessage(Pages.Settings)));
        ViewerPageCmd = new RelayCommand(() => Messenger.Default.Send(new GoToPageMessage(Pages.Viewer)));
        WorklistPageCmd = new RelayCommand(() => Messenger.Default.Send(new GoToPageMessage(Pages.Worklist)));
    }
}
}

然后在每个页面上，我使用以下代码添加导航

<ContentControl Grid.Column="2" Grid.Row="2" ContentTemplate="{StaticResource Navigation }" />

目前我没有收到任何错误，当我在上面的一个按钮中设置 DataContext 时，当我去绑定我的命令时，我可以看到该 Viewmodel 的所有属性，以便该位正常工作，但是当我运行程序并单击这些按钮没有任何反应。

谢谢你的帮助

4

2 回答 2

1

RelativeSource FindAncestor 在 VisualTree 中查找祖先。

VisualTree 可能如下所示：

Window
   Grid
      TextBlock
      TextBox
      Button

ViewModels 不在视觉三

例如，在这种情况下，Button 的祖先是 Grid 和 Window。

那怎么办呢？

好吧，UserControl使用 ResourceDictionary 中的 ContentTemplate 创建自定义而不是 ContentControl。

在用户控件中，将 DataContext 设置为继承自 NavigationViewModelBase 的类。

那么绑定将很简单：

    <UniformGrid Grid.Row="0" Columns="1">
        <Button Command="{Binding ViewerPageCmd}">Viewer Screen</Button>
        <Button Command="{Binding AcquisitionPageCmd}">Acquisition Screen</Button>
        <Button Command="{Binding WorklistPageCmd}" >Worklist Screen</Button>
    </UniformGrid>
于 2016-01-12T15:28:04.757 回答
1

祖先绑定仅适用于视觉树/视图中的元素或页面中的简单元素。viewModel 不在页面中的任何位置作为控件。因此，代替 viewModel 给出具有NavigationViewModelBase作为 datacontext.write 绑定的视图类型，如下所示（如果您的视图/控件是 NavigationView，则绑定将是）。并在路径中写入vm:NavigationViewModelBase 类的属性：

<Button DataContext="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type v:NavigationView}}, path= PropertyYouWantToBind}"

只要确保您没有为层次结构中的任何其他控件定义 DataContext，Button 将获得与视图相同的 DataContext，那么您只需绑定命令。您已经正确完成了。

如果您没有将 DataContext 提供给视图中的任何控件，那么只需将其提供给您的 contentControl 或 Grid。就像

<Grid>
  <Grid.DataContext>
      <vm:NavigationViewModelBase />
  </Grid.DataContext>
<Grid.RowDef.......

然后对命令使用简单的绑定。

于 2016-01-13T10:23:15.613 回答