SilverLight用DataContext显示数据

最新推荐文章于 2025-07-28 16:36:25 发布

weixin_30399871

最新推荐文章于 2025-07-28 16:36:25 发布

阅读量62

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/HellenTian/archive/2010/12/30/1922189.html

本文介绍了一个WPF应用程序如何通过数据绑定实现界面与业务逻辑的分离。具体展示了如何创建一个实体类Product，并通过数据绑定将实体类的属性ProductName和ProductPrice与界面上的TextBox控件进行绑定。

首先需要创建一个实体类

 public class Product  
  {       
        private string productname;//产品名字

        public string ProductName
        {
            get { return productname; }
            set { productname = value;  }
        }
         private double productprice;//产品价格

        public double ProductPrice
        {
            get { return productprice; }
            set {productprice = value;}
        }
}

界面代码

         <Grid Margin="26,20,0,0">
    		<Grid.ColumnDefinitions>
    			<ColumnDefinition Width="0.32*"/>
    			<ColumnDefinition Width="0.68*"/>
    		</Grid.ColumnDefinitions>
    		<Grid.RowDefinitions>
    			<RowDefinition Height="0.225*"/>
    			<RowDefinition Height="0.235*"/>
    		</Grid.RowDefinitions>
    		<TextBlock Margin="8,35,17,0" TextWrapping="Wrap" Text="ProductName" Height="30" VerticalAlignment="Top"/>
    		<TextBlock Margin="8,25,17,40" TextWrapping="Wrap" Text="ProductPrice" Grid.Row="1"/>
    		<TextBox x:Name="txtProductName"  Grid.Column="1" Margin="25,35,43,58" TextWrapping="Wrap" Text="{Binding ProductName}"/>
    		<TextBox Grid.Column="1" Height="32" Margin="25,39,43,0" Grid.Row="1" TextWrapping="Wrap" Text="{Binding ProductPrice}" VerticalAlignment="Top"/>
         </Grid>

要想使用数据绑定，必须通过绑定表达式来设置目标属性。绑定表达式是一个标记语言，通常以Binding开头。创建表达式需要指明要绑定的数据源中的属性的名称。这个例子中需要绑定Product中的两个属性，需要用到的绑定表达式是{Binding ProductName}

然后用它设置TextBox的Text属性。

<TextBox x:Name="txtProductName"  Grid.Column="1" Margin="25,35,43,58" TextWrapping="Wrap" Text="{Binding ProductName}"/>

绑定表达式只是指明了数据源中属性的名称,但它并不知道数据源。可以通过两种方式来设置数据源:通过设置元素的DataContext属性或者设置绑定的Source属性。

大多数情况下,最实用的方法是设置元素的DataContext属性。在上边例子中你可以设置每一个文本框的DataContext属性。但是，还有更简单的方法。如果一个元素用了绑定表达式但它的DataContext属性为空,这个元素将会往它的上级寻找,直到找到一个数据源。因此在上边例子中可以直接设置Grid的DataContext属性，所有的TextBox也将用相同的数据源。

后台代码

this.Loaded += (ss, ee) =>
                {
                    Product product = new Product()
                    {
                          ProductName="Audi",
                         ProductPrice=50000.0
                    };
                    LayoutRoot.DataContext = product;
                };

效果