zoukankan      html  css  js  c++  java
  • 《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">  //Families是个数组,包含Family元素
          <local:Family FamilyName="Stooge">  //数组元素,所以包含在数组Families里
            <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

  • 相关阅读:
    创建live usb
    gnome2.x面板(panel)或应用程序菜单误删后恢复
    grub & grub2
    linux(CentOS6)下的wifi热点安装配置------hostapd-2.0
    linux(Ubuntu)下的wifi热点安装配置------hostapd-2.0
    BZOJ3884 上帝与集合的正确用法(欧拉函数)
    Luogu4897 【模板】最小割树
    Contest 6
    BZOJ3811 玛里苟斯(线性基+概率期望)
    Contest 5
  • 原文地址:https://www.cnblogs.com/sjqq/p/7846703.html
Copyright © 2011-2022 走看看