《Programming WPF》翻译 第4章 5.主从复合（Master-Detail）绑定

我们已经看到绑定一个单独的对象，还看到绑定一个单独的对象列表。另一种非常流行的方式是绑定多个对象列表，尤其是相关的列表。例如，如果你向用户显示一个客户列表，当他们选中其中一个客户，就会显示客户的相关订单，这时，你就会使用主从复合绑定。

主从复合绑定是一种过滤的形式，在主页面的列表部分，客户452设置了过滤器作为联合到从页面数据的参数，例如，客户452的相关订单。

到我们目前的讨论为止，我们并没有客户和订单这样的模型，但是我们已经有了家庭和人的定义，于是可以进一步形式化这些，如示例4-47

示例4-47

public class Families : ObservableCollection<Family> {}

public class Family {
  string familyName;
  public string FamilyName {
    get { return familyName; }
    set { familyName = value; }
  }

  People members;
  public People Members {
    get { return members; }
    set { members = value; }
  }
}

public class People : ObservableCollection<Person> {}

public class Person {
  string name;
  public string Name {
    get { return name; }
    set { name = value; }
  }

  int age;
  public int Age {
    get { return age; }
    set { age = value; }
  }
}

在示例4-47中，我们得到了熟悉的具有Name和Age属性的Person类，聚合在熟悉的People集合中。进一步，我们有Family这样的类，具有FamilyName属性和People类型的Members属性。最后，我们有一个Families集合，聚合了Family类型的对象。换句话说，families包含着members，后者由带有年龄和名称的people组成。。

你可以想象到Families，Family，People以及Person的实例如图4-19所示。

在图4-19中，Families集合构成了主页面的数据，保存着Family类的实例，每一个Family实例中持有一个People类型的Members属性，People类型中保存着Person这样的数据。你可以导入这种数据结构的实例，正如示例4-48所示。

图4-19

示例4-48

<!-- Window1.xaml -->
<?Mapping
  XmlNamespace="local" ClrNamespace="MasterDetailBinding" ?>
<Window  xmlns:local="local">
  <Window.Resources>
    <local:Families x:Key="Families">
      <local:Family FamilyName="Stooge">
        <local:Family.Members>
          <local:People>
            <local:Person Name="Larry" Age="21" />
            <local:Person Name="Moe" Age="22" />
            <local:Person Name="Curly" Age="23" />
          </local:People>
        </local:Family.Members>
      </local:Family>
      <local:Family FamilyName="Addams">
        <local:Family.Members>
          <local:People>
            <local:Person Name="Gomez" Age="135" />
            <local:Person Name="Morticia" Age="121" />
            <local:Person Name="Fester" Age="137" />
          </local:People>
        </local:Family.Members>
      </local:Family>
    </local:Families>
  </Window.Resources>
  
</Window>

在顶级绑定到这些数据，例如，显示这些家庭的姓名，如示例4-49所示。

示例4-49

<!-- Window1.xaml -->
<?Mapping  ?>
<Window >
  <Window.Resources>
    <local:Families x:Key="Families"></local:Families>
  </Window.Resources>
  <Grid DataContext="{StaticResource Families}">
    
    <!-- Families Column -->
    <TextBlock Grid.Row="0" Grid.Column="0">Families:</TextBlock>
    <ListBox Grid.Row="1" Grid.Column="0"
      IsSynchronizedWithCurrentItem="True"
      ItemsSource="{Binding}">
      <ListBox.ItemTemplate>
        <DataTemplate>
          <TextBlock TextContent="{Binding Path=FamilyName}" />
        </DataTemplate>
      </ListBox.ItemTemplate>
    </ListBox>
</Window>

在示例4-49中，我们在Families列（第0行）做了两件事。第一件将标题设置为常量“Families”字符串；第二件是形成了body主体，这是一个Family对象的清单，位于Families集合中，现时每一个家庭的FamilyName属性，正如图4-20所示。

图4-20

图4-20并不是一个主从复合结构，因为选中一个主页面的家庭并不会显示这个家庭联合到的详细信息。为了这么做，我们需要绑定到下一级，如示例4-50所示。

示例4-50

<Grid DataContext="{StaticResource Families}">
  
  <!-- Families Column -->
  
  <!-- Members Column -->
  <StackPanel Grid.Row="0" Grid.Column="1" Orientation="Horizontal">
    <TextBlock TextContent="{Binding Path=FamilyName}" />
    <TextBlock TextContent=" Family Members:" />
  </StackPanel>
  <ListBox Grid.Row="1" Grid.Column="1"
    IsSynchronizedWithCurrentItem="True"
    ItemsSource="{Binding Path=Members}" >
    <ListBox.ItemTemplate>
      <DataTemplate>
        <StackPanel Orientation="Horizontal">
          <TextBlock TextContent="{Binding Path=Name}" />
          <TextBlock TextContent=" (age: " />
          <TextBlock TextContent="{Binding Path=Age}" />
          <TextBlock TextContent=" )" />
        </StackPanel>
      </DataTemplate>
    </ListBox.ItemTemplate>
  </ListBox>

在Members列（第1列），我们也设置了标题和主体，但是这次标题绑定到当前选中的Family对象的FamilyName。

同样，回忆在Families列，我们的列表框的源条目通过不带Path属性的Binding语句，绑定到了整个集合。然而，在从页面中，我们想告诉数据绑定引擎，我们想要绑定到当前选中的Family对象的Members属性，这是一个Person对象的列表。图4-21显示了主从绑定的效果。

图4-21

但是，稍等：有点过了。主从绑定并没有在这两个级别停下来，根本没有。你可以走得尽可能深，每一个从页面都是主页面的下一级。为了看到这个效果，让我们多增加一级从页面到我们的数据类，如示例4-51所示。

示例4-51

public class Person {
  string name;
  public string Name {
    get { return name; }
    set { name = value; }
  }

  int age;
  public int Age {
    get { return age; }
    set { age = value; }
  }

  Traits traits;
  public Traits Traits {
    get { return traits; }
    set { traits = value; }
  }
}

public class Traits : ObservableCollection<Trait> {}

public class Trait {
  string description;
  public string Description {
    get { return description; }
    set { description = value; }
  }
}

现在，不由仅家庭有了家庭名和成员——带有姓名和年龄的人，而每一个人都有一组特性，每一个都有其独自的描述。张开我们的xaml一小块，包括了这些特性，如示例4-52所示。

示例4-52

 

<local:Families x:Key="Families">
  <local:Family FamilyName="Stooge">
    <local:Family.Members>
      <local:People>
        <local:Person Name="Larry" Age="21">
          <local:Person.Traits>
            <local:Traits>
              <local:Trait Description="In Charge" />
              <local:Trait Description="Mean" />
              <local:Trait Description="Ugly" />
            </local:Traits>
          </local:Person.Traits>
        </local:Person>
        <local:Person Name="Moe" Age="22" ></local:Person>
      
      </local:People>
    </local:Famil.Members>
    
  </local:Family>
  
</local:Families>

我们可以绑定第3级从页面，如示例4-53所示。

示例4-53

<Grid DataContext="{StaticResource Families}">
  

  <!-- Families Column -->
  

  <!-- Members Column -->
  

  <!-- Traits Column -->
  <StackPanel Grid.Row="0" Grid.Column="2" Orientation="Horizontal">
    <TextBlock TextContent="{Binding Path=Members/Name}" />
    <TextBlock TextContent=" Traits:" />
  </StackPanel>
  <ListBox Grid.Row="1" Grid.Column="2"
    IsSynchronizedWithCurrentItem="True"
    ItemsSource="{Binding Path=Members/Traits}" >
    <ListBox.ItemTemplate>
      <DataTemplate>
        <TextBlock TextContent="{Binding Path=Description}" />
      </DataTemplate>
    </ListBox.ItemTemplate>
  </ListBox>
</Grid>

在Families的列标题中，回想我们没有任何绑定；这个文本是硬编码的：

<TextBlock …>Families:</ TextBlock>

在Members的列标题中，我们绑定了当先选中的Family对象FamilyName如下：

<TextBlock … TextContent=”{Binding Path=FamilyName}” />

逻辑上讲，你可以认为是对如下进行了扩展：

<TextBlock … TextContent=”{Binding Path=Family.FamilyName}” />

这里family是当前选中的Family对象。

取得这一级的更深一级，在具有特性的列标题中，我们将当前选中Family的Members属性绑定到当前选中Person的Name属性，绑定如下：

<TextBlock … 

TextContent=”{Binding Path=Members/Name}” />

再次，从逻辑上，你可以把它当作这样的扩展：

<TextBlock … 

TextContent=”{Binding Path=family.Members.person.Name}” />

这里family是当前选中的Family对象，person是当前选中的Person对象。绑定表达式“/”担当了对象间的分隔符，每一级的对象假定为“当前选中的”。

列表框的源条目的绑定以同样的方式工作，除非我们想要的是当前选中Person的TRaits集合，而不是Name。我们的多级主从绑定的示例如图4-22所示。

图4-22