您的位置:知识库 » .NET技术

一步一步学Silverlight :数据绑定

作者: TerryLee  来源: 博客园  发布时间: 2008-10-08 18:14  阅读: 36754 次  推荐: 1   原文链接   [收藏]  
[1] 一步一步学Silverlight :数据绑定
[2] 一步一步学Silverlight :数据绑定
[3] 一步一步学Silverlight :数据绑定

绑定到列表

下面再看一个绑定到列表的简单例子,一般都会使用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;
}

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

TerryLee_Silverlight2_0058

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

结束语

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

1
0

.NET技术热门文章

    .NET技术最新文章

      最新新闻

        热门新闻