WPF将多个控件绑定到不同的datacontexts

Question

我有一个场景,我真的不知道如何将数据绑定到UserControl托管到多个datacontexts的控件.

我想绑定的数据来自2个类

UserInfo, UserExtendedInfo

UserControl的datacontext设置为UserInfo,因此我可以轻松地绑定大多数控件执行以下操作

<Label Name="LblEmail" Text="{Binding Email}" />

但是我不知道如何轻松地绑定UserExtendedInfo类中的属性.我最初的想法是设置每个控件的datacontext,以便使用UserExtendedInfo中的数据,这样我就可以这样做.但这似乎很麻烦,因为我必须手动分配每个人.每次UserControl变得可见时,必须从数据库中获取UserExtendedInfo的数据,以使其不会失去同步.

XAML:

<Label Name="LblTest" Text="{Binding Locale}" />

代码背后:

Private Sub UserManager_IsVisibleChanged(ByVal sender As System.Object, ByVal e As System.Windows.DependencyPropertyChangedEventArgs)  
        If DirectCast(e.NewValue, Boolean) Then
            Dim user As UserInfo = DirectCast(DataContext, UserInfo)

            If user IsNot Nothing Then
                Dim usrExt As UserExtenedInfo = UserController.GetUserExtended(user.userID)

                LblTest.DataContext = usrExt
            Else
                Throw New ArgumentException("UserId doesn't exist or is less than 1")
            End If
        End If
    End Sub

Answer 1

我可能会想到将用户对象包装在一个单独的类中,然后设置包含数据的子面板的DataContext属性.

例如:

public class UserDataContext
{
  public UserInfo UserInfo { get; set; }
  public UserExtendedInfo UserExtendedInfo { get; set; }
}

然后在你的UserControl.xaml中:

<!-- Binding for the UserControl should be set in its parent, but for clarity -->
<UserControl DataContext="{Binding UserDataContext}">
  <StackPanel>
    <Grid DataContext="{Binding UserInfo}">
       <TextBlock Text="{Binding Email}" />
    </Grid>
    <Grid DataContext="{Binding UserExtendedInfo}">
       <TextBlock Text="{Binding Locale}" />
       <TextBlock Text="{Binding AboutMe}" />
    </Grid>
  </StackPanel>
</UserControl>

这假设您的UserInfo类具有Email属性

和

您的UserExtendedInfo类具有Locale和AboutMe属性

Answer 2

这是最简单的方法,而且效果很好.

在设置上下文的代码隐藏中,只需使用包含所有所需值的匿名类型:

DataContext = new
{
  info = FetchUserInfoFromDatabase(),
  extendedInfo = FetchExtendedUserInfoFromDatabase(),
};

在XAML中,您可以绑定任何东西:

<UserControl>
  <StackPanel>
    <TextBlock Text="{Binding info.Email}" />
    <TextBlock Text="{Binding extendedInfo.Locale} />
  ...

或者,您可以像其他答案描述的那样绑定两个级别:

<UserControl>
  <StackPanel>
    <Grid DataContext="{Binding info}">
      <TextBlock Text={Binding Email}">
      ...

Answer 3

这就是MV-VM非常方便的地方.这个想法(至少我理解它......对我来说还是一个新东西)是Window本身被绑定到一个"ViewModel"类.ViewModel类只是一个类,它以一种整个页面可以访问所需内容的方式表示所有数据......它只是将您需要绑定的所有不同对象集中在一个类中......您将Window(或Page)的DataContext设置为此类的实例.您的UserInfo和UserInfoExtended实例是ViewModel对象的公共属性,您只需使用绑定元素的Path来通过您希望绑定每个控件的相应对象的相应属性.

有一个很棒的(但很冗长的)视频解释了这个模式,它通过一个完整的例子说明了实现这个的许多方法,以及为什么这是一个在WPF应用程序中使用的方便和可扩展的模型的许多不同原因.它还涵盖了WPF的许多功能以及依赖注入的介绍,这些都是非常相关的主题,给出了示例.

这是博客文章的链接,其中包含我所说的视频的链接:

编辑:博客文章已被删除(这个答案很老).以下是YouTube上的视频:

https://www.youtube.com/watch?v=BRxnZahCPFQ

Answer 4

Rich和bendewey都有很好的答案.今天在Silverlight而不是WPF中探索这个相同的主题,我发现没有必要建立多个DataContexts.修改bendewey的例子:

<UserControl DataContext="{Binding UserDataContext}">
  <StackPanel>
       <TextBlock Text="{Binding Path=UserInfo.Email}" />
       <TextBlock Text="{Binding Path=UserExtendedInfo.Locale}" />
       <TextBlock Text="{Binding Path=UserExtendedInfo.AboutMe}" />
  </StackPanel>
</UserControl>

使用绑定路径,您可以灵活地将绑定混合和匹配到不同类的属性,而无需考虑控件容器的DataContext.

您还可以通过添加操作UserInfo和UserExtendedInfo类属性的属性来扩展bendewey的UserDataContext类的功能.例如,您可以组合名字和姓氏.

您可能希望实现INotifyPropertyChanged,以便在重置UserInfo和UserExtendedInfo时更新控件.

通过在UserDataContext中直接公开所需的属性,从而消除对绑定路径的需要,在结构上优先将底层UserInfo和UserExtendedInfo类与XAML完全隔离.