WPF 数据绑定方法分类

WPF的数据绑定方法虽然很简单，但感觉实现的方法有很多种，目前没有一个标准，所以根据我已经看过的例子做了一个分类，分别是绑定到：对象、XML、控件和ADO.NET。

I. Binding to Object

1. Binding to a method using ObjectDataProvider

The data layer operations only in MyData.cs

sample:
http://winfx.members.winisp.net/files/samplemtapp.zip
http://blogs.msdn.com/karstenj/archive/2006/01/27/518499.aspx

Method GetMyDataObjects in Class Facroty returns object class MyDataObject which is inherit ObservableCollection<FOO>
FOO is another INotifyPropertyChanged interface Class, and FOO has property Description
(INotifyProperty means when the class object is changed it will send out notification)

Binding process:

1)Define namespace: xmlns:SampleMTApp="clr-namespace:SampleMTApp"

2)Define ObjectDataProvider: <ObjectDataProvider x:Key="FactoryDS" d:IsDataSource="True" ObjectType="{x:Type SampleMTApp:Factory}"/>

3)Binding data to listbox: <ListBox ItemsSource="{Binding GetMyDataObjects, Mode=Default, Source={StaticResource FactoryDS}}" />

4) DataTemplate
<DataTemplate x:Key="FOOTemplate1">
 <StackPanel>
  <TextBlock Text="{Binding Description}"/>
 </StackPanel>
</DataTemplate>

2. Binding DataContext in Window.DataContext (ObjectDataProvider not needed)

sample:
http://j832.com/work/namita/BasicDatabinding_MasterDetail.zip
http://blogs.msdn.com/namitag/archive/2005/09/21/472461.aspx

AuctionItem.cs: define Class AuctionItem : INotifyPropertyChanged
MyApp.xaml.cs: define Class.AuctionItems : ObservableCollection<AuctionItem> (create new items of AuctionItem)
Window1.xaml.cs: use [CollectionViewSource cv = root.DataContext as CollectionViewSource;] to action in button event handler

Binding Process:

1)Define DataContext in Window1.xaml:
  <Window.DataContext>
    <CollectionViewSource>
      <CollectionViewSource.Source>
        <local:AuctionItems/>

      </CollectionViewSource.Source>
    </CollectionViewSource>
  </Window.DataContext>

2) Binding Listbox:
<ListBox ItemsSource="{Binding Path=.}" IsSynchronizedWithCurrentItem="True">

3) Binding label: (the current item in listbox)
<Label Content="{Binding Path=/}" >

4) DataTemplate
<DataTemplate DataType="{x:Type local:AuctionItem}" >
...
<Image>
       <Image.Source>
                <Binding Path="Image"/>
       </Image.Source>
</Image>
...

More: this sample also shows how to use Converter and MultiBinding

3. Binding DataContext in controls to ObjectDataProvider

sample:
http://learnwpf.com/Data/Images/LearnWPF.DataTemplates.zip
http://learnwpf.com/Posts/Post.aspx?postId=386bae2f-5dc1-4b1d-8dd9-6ceed0428d88

MyApp.xaml:
<Application.Resources>
 ...
 <ObjectDataProvider x:Key="Employees" ObjectType="{x:Type l:MSEmployeeCollection}"/>
</Application.Resources>

Window1.xaml:
<StackPanel Margin="10" DataContext="{StaticResource Employees}">
    ...
    <Button Content="{Binding Path=[0]}" />
    <ComboBox ItemsSource="{Binding}" SelectedIndex="0" />
 </StackPanel>

1) DataContext another format : binding to StackPanel
2) Button bind to single item [0]
3) ComblBox bind to multi items, so no Path

II. Binding to XML

1. Use Source include .xml file to XmlDataProvider

sample code (copy & run in XamlPad):

<?xml version='1.0' encoding='utf-8'?>
<StackPanel xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Margin="10">
   <StackPanel.Resources>
      <XmlDataProvider x:Key="Blog" Source="http://home.wangjianshuo.com/index.xml"/>
      <DataTemplate x:Key="TitleTemplate">
      <TextBlock Text="{Binding XPath=title}"/>
      </DataTemplate>
      </StackPanel.Resources>
   <Label Content="{Binding Source={StaticResource Blog}, XPath=/rss/channel/title}" FontSize="24" FontWeight="Bold" />
   <Label Content="{Binding Source={StaticResource Blog}, XPath=/rss/channel/description}" FontSize="18" />
   <DockPanel DataContext="{Binding Source={StaticResource Blog}, XPath=/rss/channel/item}" >
 <ListBox DockPanel.Dock="Left" ItemsSource="{Binding}" ItemTemplate="{StaticResource TitleTemplate}" IsSynchronizedWithCurrentItem="True" />
 <TextBox Name="Contents" Text="{Binding XPath=description}" TextWrapping="Wrap" Width="Auto" />
   </DockPanel>
</StackPanel>

2. Use x:XData define the xml structure inside current XmlDataProvider

sample code (copy & run in XamlPad):

<StackPanel xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <StackPanel.Resources>
    <XmlDataProvider x:Key="FavoriteColors">
 <x:XData>
  <Colors xmlns="">
   <Color>Blue</Color>
   <Color>Black</Color>
   <Color>Green</Color>
   <Color>Red</Color>
  </Colors>
 </x:XData>
    </XmlDataProvider>
  </StackPanel.Resources>
  <TextBlock HorizontalAlignment="Center"
             FontWeight="Bold">
    XML Example
  </TextBlock>
  <ListBox Width="200" Height="300"
           ItemsSource="{Binding Source={StaticResource FavoriteColors},
           XPath=/Colors/Color}">
  </ListBox>
</StackPanel>

III. Binding to Control

1.
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
  <Canvas>
    <TextBox Name="theTextBox" Text="Hello" />
    <TextBlock Canvas.Top="25">
      <TextBlock.Text>
        <Binding ElementName="theTextBox" Path="Text" />
      </TextBlock.Text>
    </TextBlock>
  </Canvas>
</Window>

2.
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
  <Canvas>
    <TextBox Name="theTextBox" Text="Hello" />
    <TextBlock Canvas.Top="25"
               Text="{Binding ElementName=theTextBox, Path=Text}" />
  </Canvas>
</Window>

IX. Binding to ADO.NET

Similar to binding to object, create a dataset and return ds to DataContext.

Sample:
http://www.beacosta.com/Zips/18ThreeLevelMasterDetailADO.zip
http://www.beacosta.com/2006/03/how-do-i-bind-to-adonet.html

更多参考文章：

Windows Presentation Foundation Data Binding: Part 1

How do I bind to XML data in WPF?

WinFx中的数据绑定-基础篇