码迷,mamicode.com
首页 > Web开发 > 详细

silverlight中Combox绑定数据以及动态绑定默认选定项的用法

时间:2014-06-05 20:52:43      阅读:311      评论:0      收藏:0      [点我收藏+]

标签:des   c   style   class   blog   code   

在Sliverlight中,经常要用到下拉框Combox,然而Combox的数据绑定却是一件令初学者很头疼的事情。今天就来总结一下下拉框的使用方法:

下面写一个简单的例子吧。先写一个日期的Model,代码如下:

bubuko.com,布布扣
   public class Date
   {
      public string DateName { get; set; }
      public string DateValue { get; set; }
      public Date()
      {
      }
      public Date(string name, string value)
      {
         this.DateName = name;
         this.DateValue = value;
      }
   }
bubuko.com,布布扣

这里就用简单的MVVM模式,再写一个DateViewModel,代码如下:

bubuko.com,布布扣
public class DateViewModel
   {
      public List<Date> Months { get; set; }
      public string  currMonth { get; set; }

      public DateViewModel()
      {
         Months = new List<Date>();
         for (int i = 1; i <= 12; i++)
         {
            Months.Add(new Date(i+"month",i.ToString()));
         }
         currMonth = "3";
      }

   }
bubuko.com,布布扣

在类的构造函数中,初始化所有的月份,以便绑定到前台。到这里后台代码写完了,下面开始绑定下拉框,下面是XAML代码:

bubuko.com,布布扣

<UserControl x:Class="SilverlightMVVM.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:Silverlight.ViewModel"
  mc:Ignorable="d"
  d:DesignHeight="300" d:DesignWidth="400">
<UserControl.Resources>
  <local:DateViewModel x:Key="DateVM" />
</UserControl.Resources>

<Grid x:Name="LayoutRoot" Background="White" DataContext="{Binding Source={StaticResource DateVM}}">

  <ComboBox ItemsSource="{Binding Months}"
      SelectedValuePath="DateValue"
      DisplayMemberPath="DateName"
      SelectedValue="{Binding currMonth}"
      Height="23"
      Name="comboBox1"
      Width="120" />

</Grid>
</UserControl>

bubuko.com,布布扣

注意代码中标红的地方,xmlns:local="clr-namespace:Silverlight.ViewModel",这里引入命名空间。

然后绑定到Grid的DataContext上面。

DisplayMemberPath   就是下拉框显示的内容

SelectedValuePath    就是下拉框的Value值

SelectedValue          默认选定的项,可根据绑定的值改变

至此,下拉框的绑定就完成了。

 

silverlight中Combox绑定数据以及动态绑定默认选定项的用法,布布扣,bubuko.com

silverlight中Combox绑定数据以及动态绑定默认选定项的用法

标签:des   c   style   class   blog   code   

原文地址:http://www.cnblogs.com/yunfeifei/p/3768398.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!