WEB开发网
开发学院图形图像Flash 学Silverlight 2系列(11):数据绑定 阅读

学Silverlight 2系列(11):数据绑定

 2008-10-03 11:36:17 来源:WEB开发网   
核心提示: public partial class Page : UserControl{public Page(){InitializeComponent();}User user;private void UserControl_Loaded(object sender, RoutedEvent

public partial class Page : UserControl
{
  public Page()
  {
    InitializeComponent();
  }
  User user;
  private void UserControl_Loaded(object sender, RoutedEventArgs e)
  {
    user = new User();
    user.Name = "TerryLee";
    user.Address = "中国 天津";
    lblName.DataContext = user;
    lblAddress.DataContext = user;
  }
  private void btnUpdate_Click(object sender, RoutedEventArgs e)
  {
    user.Name = "李会军";
    user.Address = "China Tianjin";
  }
}

运行后如下所示:

学Silverlight 2系列(11):数据绑定

单击Update按钮后:

学Silverlight 2系列(11):数据绑定

绑定到列表

下面再看一个绑定到列表的简单例子,一般都会使用DataGrid或者ListBox来进行列表数据的显示。下面的示例我们显示一个文章列表:

<Grid Background="#46461F">
  <Grid.RowDefinitions>
    <RowDefinition Height="40"></RowDefinition>
    <RowDefinition Height="*"></RowDefinition>
  </Grid.RowDefinitions>
  <Grid.ColumnDefinitions>
    <ColumnDefinition></ColumnDefinition>
  </Grid.ColumnDefinitions>
  <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>

编写一个简单的业务类:

public class Blog
{
  public List<String> Posts { get; set; }
}

初始化集合数据并进行绑定

private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
  Blog blog = new Blog();
  blog.Posts = new List<String>
  {
    "一步一步学Silverlight 2系列(10):使用用户控件",
    "一步一步学Silverlight 2系列(9):使用控件模板",
    "一步一步学Silverlight 2系列(8):使用样式封装控件观感",
    "一步一步学Silverlight 2系列(7):全屏模式支持"
  };
  PostList.DataContext = blog;
}

最终运行的结果如下所示:

学Silverlight 2系列(11):数据绑定

当然我们也可以使用ListBox的ItemsSource属性进行绑定,

结束语

本文简单介绍了Silverlight 2中的数据绑定,你可以下载文章示例代码。

上一页  1 2 3 4 5 

Tags:Silverlight 系列 数据

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接