Silverlight中关于ComboBox的各种使用

前端放置了几个ComboBox的控件。

Silverlight中关于ComboBox的各种使用
1 <Grid x:Name="LayoutRoot" Background="White">
2         <ComboBox Height="23" HorizontalAlignment="Left" Margin="26,49,0,0" Name="comboBox1" VerticalAlignment="Top" Width="120" />
3         <ComboBox Height="23" HorizontalAlignment="Left" Margin="223,49,0,0" Name="comboBox2" VerticalAlignment="Top" Width="120" SelectionChanged="comboBox2_SelectionChanged" />
4         <ComboBox Height="23" HorizontalAlignment="Left" Margin="26,140,0,0" Name="comboBox3" VerticalAlignment="Top" Width="120" />
5         <ComboBox Height="23" HorizontalAlignment="Left" Margin="223,140,0,0" Name="comboBox4" VerticalAlignment="Top" Width="120" />
6         <ComboBox Height="23" HorizontalAlignment="Left" Margin="26,199,0,0" Name="comboBox5" VerticalAlignment="Top" Width="120" SelectionChanged="comboBox5_SelectionChanged" />
7     </Grid>
Silverlight中关于ComboBox的各种使用

后端的Cs文件如下:

Silverlight中关于ComboBox的各种使用
  1 public partial class MainPage : UserControl
  2     {
  3         public MainPage()
  4         {
  5             InitializeComponent();
  6             InitlizePage();
  7         }
  8 
  9         public void InitlizePage()
 10         {
 11             #region comboBox1 最基本的绑定
 12 
 13             ComboBoxItem lbi = new ComboBoxItem();
 14             lbi.SetValue(ComboBoxItem.ContentProperty, "江苏");
 15 
 16             this.comboBox1.Items.Add("武汉");
 17             this.comboBox1.Items.Add("大连");
 18             this.comboBox1.Items.Add("苏州");
 19             this.comboBox1.Items.Add(lbi);
 20 
 21             this.comboBox1.SelectedItem = lbi;
 22             #endregion
 23 
 24             #region 构建了一个数据源
 25             List<Product> _list = new List<Product>();
 26             _list.Add(new Product() { ID = 11, Name = "产品1" });
 27             _list.Add(new Product() { ID = 22, Name = "产品2" });
 28             _list.Add(new Product() { ID = 33, Name = "产品3" });
 29             _list.Add(new Product() { ID = 44, Name = "产品4" });
 30             _list.Add(new Product() { ID = 55, Name = "产品5" });
 31             _list.Add(new Product() { ID = 66, Name = "产品6" });
 32             #endregion
 33 
 34             #region 添加数据源
 35             this.comboBox2.DisplayMemberPath = "Name";
 36             //this.comboBox2.SelectedValuePath = "ID";//没有指定Value值
 37             this.comboBox2.UpdateLayout();
 38             this.comboBox2.ItemsSource = _list;
 39 
 40             //进行初始化赋值,使用SelectedItem  ComboBox的数据初始化跟web中的DropDownList是不一样的
 41             this.comboBox2.SelectedItem = (from p in this.comboBox2.Items
 42                                            where (p as Product).Name == "产品4"
 43                                            select p).First();
 44             #endregion
 45             
 46             #region 
 47             this.comboBox5.DisplayMemberPath = "Name";
 48             this.comboBox5.SelectedValuePath = "ID";//指定Value值
 49             this.comboBox5.UpdateLayout();
 50             this.comboBox5.ItemsSource = _list;
 51 
 52             int SelectedIndex = -1;
 53 
 54             for(int i =0;i<_list.Count;i++ )
 55             {
 56                 if (_list[i].ID == 33)
 57                 {
 58                     SelectedIndex = i;
 59                     break;
 60                 }
 61             }
 62             //通过SelectedIndex来进行初始化绑定
 63             this.comboBox5.SelectedIndex = SelectedIndex;
 64             
 65             #endregion 
 66 
 67 
 68             #region 添加自定义Item
 69             ComboBoxItem cbiRight = new ComboBoxItem();
 70             cbiRight.Background = new SolidColorBrush(Colors.Yellow);
 71             cbiRight.HorizontalContentAlignment = HorizontalAlignment.Right;
 72             cbiRight.SetValue(ComboBoxItem.ContentProperty, "上海");
 73            
 74             ComboBoxItem cbiCenter = new ComboBoxItem(); 
 75             cbiCenter.Background = new SolidColorBrush(Colors.Cyan);
 76             cbiCenter.HorizontalContentAlignment = HorizontalAlignment.Center; 
 77             cbiCenter.SetValue(ComboBoxItem.ContentProperty, "北京");
 78             ComboBoxItem cbiLeft = new ComboBoxItem();
 79             cbiLeft.Background = new SolidColorBrush(Colors.LightGray); 
 80             cbiLeft.HorizontalContentAlignment = HorizontalAlignment.Left;
 81             cbiLeft.SetValue(ComboBoxItem.ContentProperty, "深圳");
 82 
 83             this.comboBox3.Items.Add(cbiRight);
 84             this.comboBox3.Items.Add(cbiCenter);
 85             this.comboBox3.Items.Add(cbiLeft);
 86 
 87             #endregion
 88 
 89             Image img = new Image(); 
 90             img.Source = new BitmapImage(new Uri("img/1.png", UriKind.Relative));
 91 
 92             Label lbl = new Label();
 93             lbl.Content = "带图片的选项";
 94 
 95             StackPanel sp = new StackPanel();
 96             sp.Orientation = Orientation.Horizontal; 
 97             sp.Children.Add(img);
 98             sp.Children.Add(lbl);
 99 
100             ComboBoxItem multipleCmb = new ComboBoxItem(); 
101             multipleCmb.Content = sp;
102             this.comboBox4.Items.Add(multipleCmb);  
103 
104         }
105 
106         private void comboBox2_SelectionChanged(object sender, SelectionChangedEventArgs e)
107         {
108             Product product = (sender as ComboBox).SelectedItem as Product;
109             int selectID = product.ID;
110             string selectedName = product.Name;
111             //MessageBox.Show(selectID.ToString() + selectedName);
112 
113             Product product2 = comboBox2.SelectedValue as Product;
114             int selectedID2 = product2.ID;
115             string selectedName2 = product2.Name;
116             //MessageBox.Show(selectedID2.ToString() + selectedName2);
117         }
118 
119         //
120         private void comboBox5_SelectionChanged(object sender, SelectionChangedEventArgs e)
121         {
122             //MessageBox.Show(((ComboBox)sender).SelectedValue.ToString());//获取value
123             //MessageBox.Show(((Product)((ComboBox)sender).SelectedItem).Name);//获取name呢????
124         }
125     }
Silverlight中关于ComboBox的各种使用

当然,其中我们还要构建一个Product的类:

Silverlight中关于ComboBox的各种使用
1 public class Product
2     {
3         public int ID { get; set; }
4 
5         public string Name { get; set; }
6     }
Silverlight中关于ComboBox的各种使用

获取选择的项的content:

Silverlight中关于ComboBox的各种使用
1 string layerName = ((sender as ComboBox).SelectedItem as ComboBoxItem).Content.ToString();
Silverlight中关于ComboBox的各种使用

 

 

Silverlight中关于ComboBox的各种使用,布布扣,bubuko.com

Silverlight中关于ComboBox的各种使用

上一篇:js中cookie的使用详细分析


下一篇:Silverlight管理系统源代码(SilverlightOAFlame开发框架主要提供二次开发)