
在Silverlight 2中,支持三种模式的数据绑定。
1.OneTime:一次绑定,在绑定创建时使用源数据更新目标,适用于只显示数据而不进行数据的更新。
2.OneWay:单向绑定,在绑定创建时或者源数据发生变化时更新到目标,适用于显示变化的数据。
3.TwoWay:双向绑定,在任何时候都可以同时更新源数据和目标。
Jesse Liberty举的例子非常的形象,使用Silverlight开发一个在线书店,显示书籍的书名、作者等信息,使用OneTime模式,这些数据一般不会发生变化的;显示价格信息时使用OneWay模式,因为管理员可能会在一天内调整价格;显示书籍的剩余数量时用TwoWay模式,数量随着用户的订购会随时发生变化,即目标和源数据都要进行更新。
简单数据绑定在本示例中我们将做一个简单的数据绑定,用来显示用户信息,XAML如下:
<GrID x:name="LayoutRoot" Background="#46461F"> <GrID.RowDeFinitions> <RowDeFinition Height="160"></RowDeFinition> <RowDeFinition Height="40"></RowDeFinition> </GrID.RowDeFinitions> <GrID.ColumnDeFinitions> <ColumnDeFinition WIDth="150"></ColumnDeFinition> <ColumnDeFinition WIDth="*"></ColumnDeFinition> </GrID.ColumnDeFinitions> <Image Source="terrylee.jpg" WIDth="78" Height="100" HorizontalAlignment="left" GrID.Row="0" GrID.Column="1"/> <TextBlock Foreground="White" FontSize="18" Text="姓名:" GrID.Row="1" GrID.Column="0" HorizontalAlignment="Right"/> <TextBlock x:name="lblname" Foreground="White" FontSize="18" GrID.Row="1" GrID.Column="1" HorizontalAlignment="left"/> <TextBlock Foreground="White" FontSize="18" Text="位置:" GrID.Row="2" GrID.Column="0" HorizontalAlignment="Right"/> <TextBlock x:name="lblAddress" Foreground="White" FontSize="18" GrID.Row="2" GrID.Column="1" HorizontalAlignment="left"/></GrID>
添加一个简单User类,它具有name和Address两个属性:
public class User{ public string name { get; set; } public string Address { get; set; }}
使用绑定句法{Binding Property}进行数据绑定,注意下面的两个TextBlock控件Text属性:
Image Source="terrylee.jpg" WIDth="78" Height="100" HorizontalAlignment="left" GrID.Row="0" GrID.Column="1"/> <TextBlock Foreground="White" FontSize="18" Text="姓名:" GrID.Row="1" GrID.Column="0" HorizontalAlignment="Right"/> <TextBlock x:name="lblname" Foreground="White" FontSize="18" GrID.Row="1" GrID.Column="1" HorizontalAlignment="left" Text="{Binding name}"/> <TextBlock x:name="lblAddress" Foreground="White" FontSize="18" GrID.Row="2" GrID.Column="1" HorizontalAlignment="left" Text="{Binding Address}"/></指定数据源,注意这里是创建一个User的实例并赋值后,把user实例绑定到了TextBlock的DataContext上,而不是向之前我们所做的示例中那样,直接指定Text属性:
private voID UserControl_Loaded(object sender,@H_844_403@RoutedEventArgse){ @H_844_403@User user = new @H_844_403@User(); user.name = "TerryLee"; user.Address = "中国 天津"; lblname.DataContext = user; lblAddress.DataContext = user;}
运行示例后,可以看到:
上面这种数据绑定模式,只是显示数据而不对数据做任何修改,默认的绑定模式是一次绑定OneTime。
单向绑定示例如果需要在数据源发生变化时能够通知UI进行相应的更新,即使用单向绑定OneWay或者双向绑定TwoWay,则业务实体需要实现接口INotifyPropertyChanged。在本示例中,我们加上一个更新按钮,当单击按钮时更新user实例的属性值,会看到界面上的数据也会发生变化。
修改一下User类,使其实现INotifyPropertyChanged接口。
User : @H_844_403@INotifyPropertyChanged{ public event @H_844_403@PropertyChangedEventHandler PropertyChanged; private string _name; public string name { get { return _name; } set { _name = value; if(PropertyChanged != null) { PropertyChanged(this,new @H_844_403@PropertyChangedEventArgs("name")); } } } private string _address; public string Address { get { return _address; } set { _address = value; if (PropertyChanged != null) { PropertyChanged(this,21)">"Address")); } } }} 修改数据绑定模式,使用单向绑定OneWay模式,如{Binding Address,Mode=OneWay}
button x:name="btnUpdate" WIDth="100" Height="40" Content="Update" Click="btnUpdate_Click"/> <Binding name,Mode=OneWay}"/> <Binding Address,Mode=OneWay}"/></编写事件处理程序,为了演示把user声明为一个全局的,并在按钮的单击事件中修改其属性值:
public partial class @H_844_403@Page: @H_844_403@UserControl{ public Page() { InitializeComponent(); } @H_844_403@User user; private voID UserControl_Loaded(object sender,175)">RoutedEventArgs e) { user = new @H_844_403@User(); user.name = "TerryLee"; user.Address = "中国 天津"; lblname.DataContext = user; lblAddress.DataContext = user; } private voID btnUpdate_Click(object sender,175)">RoutedEventArgs e) { user.name = "李会军"; user.Address = "China Tianjin"; }}
运行后如下所示:
单击Update按钮后:
绑定到列表
下面再看一个绑定到列表的简单例子,一般都会使用DataGrID或者ListBox来进行列表数据的显示。下面的示例我们显示一个文章列表:
GrID Background="#46461F"> <RowDeFinition Height="*"></ColumnDeFinition></border GrID.Row="0" GrID.Column="0" CornerRadius="15" WIDth="240" Height="36" Background="Orange" margin="20 0 0 0" HorizontalAlignment="left"> <TextBlock Text="文章列表" Foreground="White" HorizontalAlignment="left" VerticalAlignment="Center" margin="20 0 0 0"></TextBlock> </border> <ListBox x:name="PostList" GrID.Column="0" GrID.Row="1" margin="40 10 10 10" HorizontalContentAlignment="left" VerticalContentAlignment="Bottom" ItemsSource="{Binding posts}"> </ListBox></GrID>
编写一个简单的业务类:
Blog{ public @H_844_403@List<@H_844_403@String> posts { get; set; }} 初始化集合数据并进行绑定
Blog blog = new @H_844_403@Blog(); blog.posts = new @H_844_403@String> { "一步一步学Silverlight 2系列(10):使用用户控件","一步一步学Silverlight 2系列(9):使用控件模板",21)">"一步一步学Silverlight 2系列(8):使用样式封装控件观感",21)">"一步一步学Silverlight 2系列(7):全屏模式支持" }; PostList.DataContext = blog;}
最终运行的结果如下所示:
当然我们也可以使用ListBox的ItemsSource属性进行绑定,
@H_403_0@ 总结以上是内存溢出为你收集整理的Binding数据绑定全部内容,希望文章能够帮你解决Binding数据绑定所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)