如何覆盖 ViewModel DataContext 以便我可以绑定到 View (Mvvm-Light) 中的对象？

Question

我正在使用 Mvvm-Light 并且一直忽略 XAML 中的绑定是如何真正起作用的。

这是我的 XAML

<phone:PhoneApplicationPage.Resources>
</phone:PhoneApplicationPage.Resources>

<Grid x:Name="LayoutRoot" Background="Transparent">

    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,14">
        <TextBlock x:Name="ApplicationTitle" Text="{Binding SecuritySystemName}" Style="{StaticResource PhoneTextNormalStyle}"/>
        <TextBlock x:Name="PageTitle" Text="{Binding PageName}" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>

    <TextBlock Name="textCode" 
        DataContext="{WHAT GOES HERE to bind to properties on my View (SecurityPanelPage class)}"    
        Text="{Binding Path=Code}" />

</Grid>

{Binding SecuritySystemName} 和 {Binding PageName} 正确绑定到我的 ViewModel (SecuirtyPanelViewModel)。但我希望 TextBlock 元素中的 {Binding Code} 绑定到我的 VIEW（不是 ViewModel）。

我已经搜索并搜索了解释 DataContext 和 Binding 支持的语法和值的文档和示例。没有任何帮助。

我只想知道如何设置 DataContext（或在 {Binding ...} 中指定一些指向我的 View 对象的东西。我尝试过“Self”和各种“RelativeSource”的东西，但没有任何作用。猜测没有效率，因为在解析 XAML 之前进入调试器的往返时间太长。

谢谢。

更新 - 我找到了一个让我感动的答案，但我仍然不明白，所以我对下面的精美海报有后续问题..

以下是有效的：

<phone:PhoneApplicationPage x:Name="ThisPage">
   <TextBlock Name="textCode" Text="{Binding Code, ElementName=ThisPage"/>
</phone:PhoneApplicationPage>

我在这里找到了这个提示：http://bursjootech.blogspot.com/2007/12/bind-from-xaml-to-local-property-in.html

他提出了不同的问题：如何“从 XAML 绑定到代码隐藏中的本地属性”。

我仍然不明白下面提供的两种解决方案。所以下面还有更多问题......

Answer 1

通常，当您使用 MVVM 时，几乎所有可绑定属性都在您的 ViewModel 上，而不是在您的 View 上。但是，显然有时您希望创建具有属性的组件控件。你能解释一下这个属性是什么以及为什么它只需要是视图上的一个属性吗？

话虽如此...我猜你的 SecurityPanelPage 是 XAML 显示的视图？

您可以为控件命名，然后使用 ElementName 绑定。这样就不需要设置DataContext了。

<phone:PhoneApplicationPage
  x:Name="controlName"
  x:Class="SomeNamespace.SecurityPanelPage">
</phone:PhoneApplicationPage>

然后您的绑定更改为：

<TextBlock
  Name="textCode" 
  Text="{Binding Path=Code, ElementName=controlName}" />

要显式设置 DataContext，您可以执行以下操作：

<TextBlock
  Name="textCode" 
  DataContext="{Binding ElementName=controlName}"
  Text="{Binding Path=Code}" />

Answer 2

如果我是正确的，您可以将 app.xaml 中的资源添加到您想要的视图中。

A.E：

xmlns:crap="clr-namespace:Application.Views"
<Application.Resources>
    <ResourceDictionary>
        <crap:MyViewPage x:Key="MyViewPage" />
    </ResourceDictionary>  
</Application.Resources>

然后像"{Binding MyProperty, source={StaticResource MyViewPage}".一样使用它

希望这有效/有帮助