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中的数据绑定-基础篇

发表评论

电子邮件地址不会被公开。 必填项已用*标注