WPF数据绑定(三)

1、Itemsource绑定

我们经常遇到这种需求,一个列表里面显示一些数据,点击其中一条,显示其关联的数据,比如说,在列表中显示学生的姓名,点击某一个学生的姓名以后,会在textbox中显示出该学生的学号。如下图所示:

WPF数据绑定(三)

列表中显示了学生的性命,点击其中一个学生,就会显示其学号。

1             <TabItem Header="ItemSource">

2                 <StackPanel>

3                     <TextBox Name="tbtItemId"/>

4                     <ListBox Name="listboxStus">

5                         

6                     </ListBox>

7                     

8                 </StackPanel>

9             </TabItem>
 1         private void ItemSourceBinding()

 2         {

 3             List<Student> stus = new List<Student>()

 4             {

 5                 new Student(){Id="1", Name="Tom", Age="15"},

 6                 new Student(){Id="2", Name="Jim", Age="15"},

 7                 new Student(){Id="3", Name="Lily", Age="15"},

 8                 new Student(){Id="4", Name="Lucy", Age="15"},

 9                 new Student(){Id="5", Name="Tim", Age="15"}

10             };

11             listboxStus.ItemsSource = stus;

12             listboxStus.DisplayMemberPath = "Name";

13 

14             Binding bd = new Binding("SelectedItem.Id") { Source = listboxStus};

15             tbtItemId.SetBinding(TextBox.TextProperty, bd);

16         }

如代码所示,首先初始化一个list stus(学生类我们前面的文章已经定义了),里面包含了五个学生,当然例子中为了简单直接使用代码初始化,实际工作中可以使用各种途径获得一个list。

要想和listbox绑定,就要告诉listbox数据源是谁,然后还要告诉他显示其中的那个字段,其实看了这么多例子,应该可以感觉到绑定最重要的无非是source和path这两个属性。

listboxStus.ItemsSource = stus;
listboxStus.DisplayMemberPath = "Name";

有了这两句,listbox就可以显示出数据了,不过别着急,还没有完,我们还需要点击一条数据能够显示出其学号。

Binding bd = new Binding("SelectedItem.Id") { Source = listboxStus};
tbtItemId.SetBinding(TextBox.TextProperty, bd);

我们还要把listbox的SelectedItem(也就是学生)的学号,绑定到textbox的Text属性上。这里面重要的也是source和path,source就是例子中listbox,path呢?SelectedItem是listbox的一个属性,表示当前选择的条目,而条目是一个学生的类,因此会有id这个属性。所以我们要和学号绑定的话path就是SelectedItem.Id,如果和年龄那么就是SelectedItem.Age。

 

虽然github被封了,但是我还是给出github的地址吧:

https://github.com/Dothegod/WPF_Training_Sample

顺便鄙视下政府,无知无耻!

 

 

 

你可能感兴趣的:(数据绑定)