zoukankan      html  css  js  c++  java
  • 《Programming WPF》翻译 第4章 5.主从复合(MasterDetail)绑定

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

    主从复合绑定是一种过滤的形式,在主页面的列表部分,客户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中,我们得到了熟悉的具有NameAge属性的Person类,聚合在熟悉的People集合中。进一步,我们有Family这样的类,具有FamilyName属性和People类型的Members属性。最后,我们有一个Families集合,聚合了Family类型的对象。换句话说,families包含着members,后者由带有年龄和名称的people组成。。

    你可以想象到FamiliesFamilyPeople以及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对象。

    取得这一级的更深一级,在具有特性的列标题中,我们将当前选中FamilyMembers属性绑定到当前选中PersonName属性,绑定如下:

    <TextBlock … 

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

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

    <TextBlock … 

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

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

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

    4-22



  • 相关阅读:
    Pandas: 如何将一列中的文本拆分为多行? | Python
    Python项目实战:福布斯系列之数据采集
    Python: Pandas运算的效率探讨以及如何选择高效的运算方式
    Pandas数据处理实战:福布斯全球上市企业排行榜数据整理
    从历史来看印度的裂痕和隐忧 | 阅览群书
    Python库:序列化和反序列化模块pickle介绍
    无法加载 DLL“SQLite.Interop.DLL”: 找不到指定的模块。 (异常来自 HRESULT:0x8007007E)。
    spring 问题笔记
    java 大量数据处理问题记录
    spring mvc 整合swagger
  • 原文地址:https://www.cnblogs.com/Jax/p/1137307.html
Copyright © 2011-2022 走看看