Silverlight中的DataContext和ItemsSource 数据绑定

 在Silverlight中我们经常看到数据绑定源由DataContext或者ItemsSource指定,那么他们之间的区别有哪些呢?

    DataContext:从英文字母意思是数据上下文,在Silverlight中某个父级元素设置了DataContext,那么其子元素将可以继承并且使用DataContext中的属性。DataContext绑定的数据源可以是实体集合、实体、属性等。

    ItemsSource:其数据源通常是实体集合(多列数据),无法让其子元素继承使用。

    下面我们以一个实例主要讲解DataContext的用法,其中在父级元素Grid设置了一个DataContext属性绑定实体,该实体内部有一个属性为实体集合,此实体集合用于Grid的子元素ListBox的ItemsSource属性绑定。代码如下:

    首先我们看两个实体,其中一个实体属性为List<>:

复制代码
    public class ClaModel
    {
        public ClaModel()
        {
            ClaName = "五年级三班";
            ClaInfo = "全校最好的班级,获得多项荣誉";
            StuList = new List<StuModel>()
            {
                new StuModel(){StuName="刘三", StuAge=15, StuInfo="他很勤奋"},
                new StuModel(){StuName="李四", StuAge=14, StuInfo="他很懒惰"},
                new StuModel(){StuName="王五", StuAge=16, StuInfo="他很聪明"}
            };
        }
        public string ClaName { get; set; }

        public string ClaInfo { get; set; }

        public List<StuModel> StuList { get; set; }
    }

    public class StuModel
    {
        public string StuName { get; set; }

        public int StuAge { get; set; }

        public string StuInfo { get; set; }

    }
复制代码

    其次我们来看Xaml代码绑定如下:

复制代码
<UserControl x:Class="SLDataContext.MainPage"
    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"
    xmlns:local="clr-namespace:SLDataContext"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
    <!--第一种方式-->
    <UserControl.Resources>
        <local:ClaModel x:Key="ClaSource" />
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot" Background="White" DataContext="{StaticResource ClaSource}">
        <TextBlock FontWeight="Bold" Width="60" Height="30" Text="{Binding ClaName}" 
                   VerticalAlignment="Top" HorizontalAlignment="Left"   />
        <TextBlock FontStyle="Italic"  Width="160" Height="30" Text="{Binding ClaInfo}"
                   VerticalAlignment="Top" Margin="70 0 0 0" HorizontalAlignment="Left"  />
        <ListBox Height="239" HorizontalAlignment="Left" Name="lbDetail"
                 VerticalAlignment="Top" Width="343" ItemsSource="{Binding StuList}" 
                 SelectedValuePath="StuAge" DisplayMemberPath="StuName" Margin="27,61,0,0" />
    </Grid>
</UserControl>
复制代码

    最后我们看看另外一种后台绑定DataContext的方式。

复制代码
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();

            //第二种方式:也可以用后台代码绑定DataContext
            //this.LayoutRoot.DataContext = new ClaModel();
        }
    }
复制代码

    如需源码请点击 SLDataContext.zip 下载 ,效果图如下:

      

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值