集合对象的数据绑定

在集合对象的数据绑定中，

（1）       绑定源可以是任意实现了枚举接口的集合类对象

（2）       而绑定目标一般是ItemControl类型的UI元素。

在目前的Windows Phone7中，受支持的ItemControl控件只有一个ListBox。

当然，也可以直接使用ItemControl控件也是可以的。

1、  显示单列数据

原理：ItemControl的两个属性

ItemsSource

指示绑定源，提供要显示的集合数据，为一个可枚举对象。注意：其绑定结果会受当前数据上下文有关（即上级元素的DataContext属性）。

DisplayMemberPath

指示要绑定的属性名称或路径。默认为空字符串，对应绑定源中元素的ToString()值。

（1）       附带Employee.cs代码

public class Employee

    {

        public int Number { get; set; }

        public String Name { get; set; }

        public String Age { get; set; }

        public int BirthYear { get; set; }

    }

（2）       附带Department.cs代码   

public class Department:Employee

{

public String DepName { get; set; }//部门名称

public ObservableCollection<Employee> employees { get; set; }//员工列表

}

（3）       在C#代码中创建一个部门列表

public MainPage()

{

InitializeComponent();  

    ObservableCollection<Department> departments = new ObservableCollection<Department>

    {

      new Department{DepName="技术部"},

      new Department{DepName="商务部"}

    };

    lbDepartment.ItemsSource = departments;

}

（4）       XAML代码中

<ListBox Height="257" Name="listBox1" VerticalAlignment="Top">

<ItemsControl Name="lbDepartment" DisplayMemberPath="DepName" ></ItemsControl>

</ListBox>

实现效果就是

 

2、           使用自定义数据模板定制样式

简单的单列数据绑定显然无法满足正常的开发需求。

（1）       XAML代码：

<StackPanel Height="50" HorizontalAlignment="Center" Name="stackPanel1" Width="480" VerticalAlignment="Top" Orientation="Horizontal">      
<TextBlock Name="textBlock1" Text="工号" VerticalAlignment="Top" Width="120" />

<TextBlock Name="textBlock2" Text="姓名" VerticalAlignment="Top" Width="120" />
<TextBlock Name="textBlock3" Text="性别" VerticalAlignment="Top" Width="120" />

<TextBlock Name="textBlock4" Text="出生年份" />

</StackPanel>

<ListBox Name="listEmployees" Margin="0,40" ItemsSource="{Binding}" VerticalAlignment="Top" Height="500" >

      <ListBox.ItemTemplate>

          <DataTemplate>

            <StackPanel >       

                     <TextBlock Text="{Binding Number}" />

                     <TextBlock Text="{Binding Name}" />

                     <TextBlock Text="{Binding Age}" />

              <TextBlock Text="{Binding BirthYear}" />

            </StackPanel>

            </DataTemplate>

      </ListBox.ItemTemplate>

</ListBox>

（2）       XAML代码

public ZiDingYi()

{        InitializeComponent();

           ObservableCollection<Employee> employees=new ObservableCollection<Employee>

           {

                      new Employee{Number=2000,Name="张三",Age=10},

                      new Employee{Number=2001,Name="李四",Age=11},

                      new Employee{Number=2002,Name="yz",Age=12}

           };

           listEmployees.DataContext = employees;

}

效果图：

注意：此处使用模板的方式是直接嵌套在ListBox中，但在很多情况下为了方便复用通常会将数据模板保存在资源字典中，然后通过ListBox的ItemTemplate属性引用。