WPF数据绑定(三)

来源:互联网 发布:html5手机小游戏源码 编辑:程序博客网 时间:2024/05/17 21:42

1、Itemsource绑定

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

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

复制代码
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

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

原创粉丝点击