WPF 神话之Binding对象二
今天我们来探讨的问题，有两个：一是：关于Binding的几个属性问题(Path,Source) 二是：关于几种数据源问题。
首先来看第一个问题：
第一个属性：Source：这个数据源有很多种，在接下来我会大家提供几个数据源的例子信息。
第二个属性：Path,这里将要重点介绍这个属性
在XAML文件中写Binding的时候。这里的Path是可以不用写的。比如说：
<GridViewColumn Header="Age" Width="220" DisplayMemberBinding="{Binding Age}"></GridViewColumn>
这句话是说Binding一个数据源中的Age属性。这里的Path我是省略掉的。这种写法大家要习惯。
再来看一种特殊情况。Path采用.来使用的类型。我们来看看这样的一个小例子。
<Window x:Class="WpfBinding.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:sys="clr-namespace:System;assembly=mscorlib" // 这里我们使用了资源。所以要引用这个命名空间，请注意了。
Title="MainWindow" Height="800" Width="800">
<StackPanel>
<!--定义资源-->
<StackPanel.Resources>
<sys:String x:Key="myResource">
菩提本无树，明镜亦非台。
本来无一物，何处惹尘埃。
</sys:String>
</StackPanel.Resources>
<!--
没有Path的Binding.
1、如果一个数据源本来就是数据，如string，int等。我们可以不用指定Path.
2、如我们下面的写法
-->
<TextBlock x:Name="txtMsg" TextWrapping="Wrap" Text="{Binding Path=.,Source={StaticResource ResourceKey=myResource}}" Margin="5" Background="LightBlue"/>
</StackPanel>
</Window>
这个例子的呈现效果就是。我们看到了资源的信息。会显示出来。
这里的Binding我们还可以写成这样{Binding .,Source={StaticResource ResourceKey=myResource}} 或者{Binding Source={StaticResource ResourceKey=myResource}}
接下来我们来探讨第二个问题。关于数据源的问题。
1.DataContext 这个属性是被定义在FrameworkElement类中的,而这个类是WPF控件的一个基类。所以我们WPF控件都有这个属性。
如果我们在WPF中的某个控件上设置了Path属性，但是没有给定其的Source属性的话。WPF会自动在该控件树上向上查找。把第一个找到的DataContext作为自己的数据源。
2、集合作为数据源的例子。
代码清单如下：
XAML:
<Window x:Class="WpfBinding.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:sys="clr-namespace:System;assembly=mscorlib"
Title="MainWindow" Height="800" Width="800">
<StackPanel>
<!--DataSource的指定这里采用Grid来做布局-->
<Grid Background="LightBlue">
<Grid.RowDefinitions>
<RowDefinition Height="30"/>
<RowDefinition Height="5"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<TextBox x:Name="txtStudentID" BorderBrush="Black" Margin="2"></TextBox>
<ListBox x:Name="lstStudent" BorderBrush="Black" Height="100" Grid.Row="2">
<ListBox.ItemTemplate><!--使用模版来进行数据banding-->
<DataTemplate>
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding Path=Id}" Width="100"/>
<TextBlock Text="{Binding Path=Name}" Width="100"/>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</Grid>
</StackPanel>
</Window>
来看看后台代码
在后台的初始化中添加这段代码。这里有个Member类。该类里面就两个属性。一个是Id,一个是Name.请各位自己添加一个类就好。
List<Member> lstMember = new List<Member>(){
new Member("0001","wy"),
new Member("0002","love"),
new Member("0003","hu"),
new Member("0004","bing"),
new Member("0001","wy")
};
this.lstStudent.ItemsSource = lstMember; // 这里是将我们的数据源给我们的ListBox。关于这点大家应该都很清楚。winform大家应该接触过。
// this.lstStudent.DisplayMemberPath = "Name";
// 主要来看这段代码。这段代码的意思是
// 把我们的ListBox作为我们的数据源。目标是我们的文本框。
// 绑定的对象属性是该数据源中的Id,这里是用的SelectedItem.Id
// 也就是说选中行的Id.从这里我们就清楚了，这个例子不但进行了数据banding。而且还进行选中行的数据Id同其他控件进行关联
// 请大家运行下代码看看效果。
Binding bind = new Binding("SelectedItem.Id") { Source = this.lstStudent };
this.txtStudentID.SetBinding(TextBox.TextProperty, bind);
3.我们再来看另外几个数据源的情况。
XAML:
<Window x:Class="WpfBinding.BindingWin"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="BindingWin" Height="600" Width="600">
<StackPanel>
<ListView x:Name="lvStudent" Height="200">
<ListView.View>
<GridView>
<GridViewColumn Header="ID" Width="150" DisplayMemberBinding="{Binding ID}"></GridViewColumn>
<GridViewColumn Header="Name" Width="200" DisplayMemberBinding="{Binding StuName}"></GridViewColumn>
<GridViewColumn Header="Age" Width="220" DisplayMemberBinding="{Binding Age}"></GridViewColumn>
</GridView>
</ListView.View>
</ListView>
<DockPanel>
<Button x:Name="btnFromDataTable" Content="从DataTable获取数据" Click="btnFromList_Click" Width="150"></Button>
<Button x:Name="btnFromXml" Content="从XML中获取数据" Click="btnFromList_Click" Width="150"></Button>
<Button x:Name="btnObjectDataProvider" Content="ObjectDataProvider" Click="ObjectDataProvider_Click" Width="130"></Button>
</DockPanel>
</StackPanel>
</Window>
这几个例子会用到一个辅助类
public class MyStudent {
public string ID { get; set; }
public string StuName { get; set; }
public int Age { get; set; }
public MyStudent(string id,string name,int age)
{
this.ID = id;
this.StuName = name;
this.Age = age;
}
public MyStudent()
{
// TODO: Complete member initialization
}
}
A.来看看DataTable作为数据源的例子
在按钮btnFromDataTable事件中添加如下代码
DataTable dt = new DataTable();
dt.Columns.Add("ID", typeof(string));
dt.Columns.Add("Name", typeof(string));
dt.Columns.Add("Age", typeof(int));
DataRow row1 = dt.NewRow();
row1["ID"] = "0001";
row1["Name"] = "Wy";
row1["Age"] = 25;
DataRow row2 = dt.NewRow();
row2["ID"] = "0002";
row2["Name"] = "Test121";
row2["Age"] = 24;
DataRow row3 = dt.NewRow();
row3["ID"] = "0003";
row3["Name"] = "Info001";
row3["Age"] = 25;
dt.Rows.Add(row1);
dt.Rows.Add(row2);
dt.Rows.Add(row3);
// 记住这里一定要用DefaultView.请大家注意了。大家可以试验下直接把dt赋值过去的效果。
this.lvStudent.ItemsSource = dt.DefaultView;
/*
以上还有一种写法
this.lvStudent.DataContext = dt;
this.lvStudent.SetBinding(ListView.ItemSourceProperty,New Binding());
使用这种方法。Binding会自动找到DefaultView
*/
B.使用XML文件作为数据源的形式 我这里有个XML文件。我是放在编译目录下的。也就是和我们生成的exe文件在同一个目录。
<?xml version="1.0" encoding="utf-8"?>
<StudentList>
<Student Id="001" Name="Li" Age="25">
</Student>
<Student Id="002" Name="Ming" Age="24">
</Student>
<Student Id="003" Name="Wang" Age="20">
</Student>
<Student Id="004" Name="Hu" Age="25">
</Student>
<Student Id="005" Name="Xiao" Age="24">
</Student>
</StudentList>
后台的代码如下：
// 首先是加载我们的XML文件的内容，然后将这个XDocument文件进行数据的提取
XDocument doc = XDocument.Load(System.AppDomain.CurrentDomain.BaseDirectory + "Xml.xml");
this.lvStudent.ItemsSource = from element in doc.Descendants("Student") // 寻找Student节点
select new MyStudent() {
ID = element.Attribute("Id").Value,
StuName =element.Attribute("Name").Value,
Age = Convert.ToInt32(element.Attribute("Age").Value)
};
这里大家可以尝试着试验下。
还有一种加载XML文件的方式。是这样的。大家看下面一个例子：
<!--
加载XML文件的数据
1、加载xml文件中的数据用Xpath。
2、加载的是属性值的时候用@Id
3、如果加载的是子集元素的值就直接用其标签名
-->
<ListView x:Name="XmlDataSource" >
<ListView.View>
<GridView>
<GridViewColumn Header="ID" DisplayMemberBinding="{Binding XPath=@Id}" Width="120"></GridViewColumn>
<GridViewColumn Header="Name" DisplayMemberBinding="{Binding XPath=Name}" Width="120"></GridViewColumn>
</GridView>
</ListView.View>
</ListView>
<Button x:Name="BtnShowData" Content="显示数据" Click="BtnShowData_Click"></Button>
这里很简单。就是一个显示内容的容器。一个按钮。
这里有点申明。XPath=@Id是说明绑定的是Id这个属性 XPath=Name是说明加载Name节点的内容。这里就是有@和没有@的区别。请大家一定要注意。
我们来看看XML文件的结构：
<?xml version="1.0" encoding="utf-8"?>
<StudentList>
<Student Id="001">
<Name>Wang</Name>
<Age>25</Age>
</Student>
<Student Id="002">
<Name>Yu</Name>
<Age>24</Age>
</Student>
<Student Id="003">
<Name>Zhang</Name>
<Age>20</Age>
</Student>
<Student Id="004">
<Name>Ping</Name>
<Age>25</Age>
</Student>
<Student Id="005">
<Name>Li</Name>
<Age>24</Age>
</Student>
</StudentList>
我们来看看按钮下面是怎么来加载XML文件并且显示在我们的UI上的。
这里给出两种写法：
/* 第一种加载方式
XmlDocument xmlDoc = new XmlDocument();
xmlDoc.Load("MyXml.xml");
XmlDataProvider xp = new XmlDataProvider();
xp.Document = xmlDoc;
// 暴露要绑定的数据
xp.XPath = @"/StudentList/Student";
this.XmlDataSource.DataContext = xp;
this.XmlDataSource.SetBinding(ListView.ItemsSourceProperty, new Binding());
/*第二种加载方式*/
XmlDataProvider xmlPror = new XmlDataProvider();
xmlPror.Source = new Uri(System.AppDomain.CurrentDomain.BaseDirectory+"MyXml.xml");
xmlPror.XPath = @"/StudentList/Student";
this.XmlDataSource.DataContext = xmlPror;
this.XmlDataSource.SetBinding(ListView.ItemsSourceProperty, new Binding());
/*
这里的两种加载。对于XML文件的路径写法是不一样的。这点要注意啊。第一种可以使绝对路径。也可是相对路径。
而第二种是一种URI的形式。
可以看出第二种形式是第一种方式的一种简写。
*/
又到了凌晨了。好了，各位。今天的说明就到这里啊。我们下次再来探讨WPF其他内容。今天就到这里了。各位晚安。美梦。
