首页 > 代码库 > silverlight数据绑定

silverlight数据绑定

控件绑定
    <Grid x:Name="LayoutRoot">        <StackPanel>            <ScrollBar x:Name="bar" Orientation="Horizontal" Height="20" />            <TextBox x:Name="tb" Text="{Binding ElementName=bar, Path=Value, Mode=OneWay,                UpdateSourceTrigger=Default}" />        </StackPanel>    </Grid>

这段XAML代码定义了一个ScrollBar和一个TextBox,TextBox的Text会随着ScrollBar的拖动改变,范围从0到1.

Mode

为BindingMode枚举,有三个值,分别为OneTime,OneWay,TwoWay,分别是单次绑定,单向绑定和双向绑定。将上面代码的Mode改为TwoWay后,对TextBox值的更改同样也会影响ScrollBar的位置。

UpdateSourceTrigger

更改TextBox的值后,ScrollBar只有在TextBox失去焦点后才会做出改变。要改变这个行为,就需要更改UpdateSourceTrigger属性。同样有三个值:Default,PropertyChanged,Explicit。PropertyChanged会使ScrollBar实时反映TextBox的更改。而将属性改为Explicit后,就只能手动做出更新,方法如下:

            tb.GetBindingExpression(TextBox.TextProperty).UpdateSource();

Path

绑定的Path可以不只是一个属性,比如

<TextBox x:Name="tb1" Text="{Binding ElementName=LayoutRoot, Path=Children[0].Children[0].Value}" />

但这是个傻例子 -_- 另外此时VS不会提供代码提示,出错的机会较大。

TypeConverter

实现一个Converter,将double转换为string并保留两位小数

    public class MyConverter : IValueConverter    {        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)        {            return ((double)value).ToString(".00");        }        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)        {            return double.Parse(value.ToString());        }    }
<navigation:Page x:Class="SilverlightApp.DataBinding"            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"           mc:Ignorable="d"           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"           xmlns:local="clr-namespace:SilverlightApp"           d:DesignWidth="640" d:DesignHeight="480"           Title="DataBinding Page">    <navigation:Page.Resources>        <local:MyConverter x:Key="conv"/>    </navigation:Page.Resources>    <Grid x:Name="LayoutRoot">        <StackPanel>            <ScrollBar x:Name="bar" Orientation="Horizontal" Height="20" />            <TextBox x:Name="tb" Text="{Binding ElementName=bar, Path=Value, Mode=OneWay, Converter={StaticResource conv}, UpdateSourceTrigger=Default}" />        </StackPanel>    </Grid></navigation:Page>

Source/DataContext

如果数据源不是控件,应该使用Source属性。或者使用DataContext,此属性会在element tree中继承。一个Grid如果拥有DataContext,那么Grid中的所有element都可以绑定到此DataContext上。如下:

 public class Contry    {        public string Name { get { return "China"; } }    }

XAML

<navigation:Page x:Class="SilverlightApp.DataBinding"            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"           mc:Ignorable="d"           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"           xmlns:local="clr-namespace:SilverlightApp"           d:DesignWidth="640" d:DesignHeight="480"           Title="DataBinding Page">    <navigation:Page.Resources>        <local:Contries x:Key="contry"/>    </navigation:Page.Resources>    <Grid x:Name="LayoutRoot">        <StackPanel>            <TextBox DataContext="{StaticResource contry}" Text="{Binding Name, Mode=OneWay}" />            <TextBox Text="{Binding Name, Source={StaticResource contry}}" />        </StackPanel>    </Grid></navigation:Page>

两个TextBox都可以正确的显示出“China”.

 

绑定目标必须是dependency property, 所以textbox.text可以,run.text不行,C#代码中,setbinding中第一个参数就是是dp

silverlight数据绑定