• 继续聊WPF——获取ComboBox中绑定的值


     

    千万不要认为WPF中的数据绑定会很复杂,尽管它的确比Winform程序灵活多了,但其本质是不变的,特别是ComboBox控件,我们知道在Winform中对该控件的有两个专为数据绑定而设定的属性——DisplayMenber和ValueMenber,分别绑定用于显示和用于存放用户选择值两个字段,最典型的应用类似于key-value形式的数据字段,如学生表中的学号(ID)和学生姓名。

    其实,在WPF中原理都是一样的,来,我们一起动手玩玩。

    如何新建应用程序就不用介绍了,省略33个字。

    在窗口中拖放一个ComboBox控件和一个按钮,按钮用来检测所选择的值。

    图片

    切换到代码视图,定义一个Employee类和一个列表。

    [csharp] view plain copy
     
    1. public class Employee  
    2. {  
    3.  public string Name{set;get;}  
    4.  public int EmpID{ set;get; }  
    5. }  
    6.   
    7.   
    8.   
    9.    public class EmployeeArr : ObservableCollection<Employee>  
    10.    {  
    11.        public EmployeeArr()  
    12.        {  
    13.            this.Add(new Employee { EmpID = 1, Name = "林鸟" });  
    14.            this.Add(new Employee { EmpID = 2, Name = "小胡" });  
    15.            this.Add(new Employee { EmpID = 3, Name = "小字" });  
    16.            this.Add(new Employee { EmpID = 4, Name = "小牛X" });  
    17.            this.Add(new Employee { EmpID = 5, Name = "王狗" });  
    18.        }  
    19.    }  


     

    然后在XAML中加入资源列表中

    [html] view plain copy
     
    1. <Window  
    2.  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    3.  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
    4.  x:Class="ComboBox_Binding_sample.MainWindow"  
    5.  x:Name="Window"  
    6.  Title="MainWindow"  
    7.  Width="200" Height="120"  
    8.     xmlns:c="clr-namespace:ComboBox_Binding_sample">  
    9.       
    10.     <Window.Resources>  
    11.         <c:EmployeeArr x:Key="EmpCols"/>  
    12.     </Window.Resources>  
    13.  .......  
    14.   
    15. </Window>  


     

    然后,把ComboBox绑定到资源中的集合。

    [html] view plain copy
     
    1. <ComboBox x:Name="cmb" Margin="8,8,8,7.04" ItemsSource="{StaticResource EmpCols}"  
    2.                 DisplayMemberPath="Name"  
    3.                 SelectedValuePath="EmpID"/>  
    4. <Button Margin="28,6,28,6" Content="显示选定的值" Grid.Row="1"  
    5.               Click="Button_Click"/>  


     

    最后完成按钮的单击事件

    [csharp] view plain copy
     
    1. private void Button_Click(object sender, RoutedEventArgs e)  
    2. {  
    3.     if (this.cmb.SelectedIndex != -1)  
    4.     {  
    5.         MessageBox.Show("你选择的员工编号为: " +  
    6.             cmb.SelectedValue);  
    7.     }  
    8. }  


     

    运行一下就能得到效果了。

    图片

    图片

    前文中刚讨论完依赖项属性,我们不妨这里也用上它的实时更新功能。

    [html] view plain copy
     
    1. <Window x:Class="ComboBox_Binding_sample.W02"  
    2.     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    3.     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
    4.     Title="W02" Height="130" Width="270"  
    5.     xmlns:c="clr-namespace:ComboBox_Binding_sample">  
    6.     <Window.Resources>  
    7.         <c:EmployeeArr x:Key="ec"/>  
    8.     </Window.Resources>  
    9.     <Grid>  
    10.         <Grid.RowDefinitions>  
    11.             <RowDefinition Height="*"/>  
    12.             <RowDefinition Height="*"/>  
    13.         </Grid.RowDefinitions>  
    14.         <ComboBox x:Name="cmb" Grid.Row="0" Margin="10,8,10,8" ItemsSource="{StaticResource ec}"  
    15.                   DisplayMemberPath="Name" SelectedValuePath="EmpID"/>  
    16.         <TextBlock Grid.Row="1" VerticalAlignment="Center" FontSize="18"  
    17.                    HorizontalAlignment="Center"  
    18.                    Text="{Binding ElementName=cmb,Path=SelectedValue}"/>  
    19.     </Grid>  
    20. </Window>  


     

    这样,只要我们选择的项改变,文本块中就会实时显示员工ID。

    图片

  • 相关阅读:
    委托、Lamda表达式
    springcloud-feign的hystrix支持
    springcloud-断路器hystrix
    Java原子性、可见性、内存模型
    volatile特性
    synchronized实现可见性
    Js四则运算精度问题处理
    docker 简单安装java web项目
    elasticsearch 分布式集群搭建
    logstash-input-jdbc同时同步多个表
  • 原文地址:https://www.cnblogs.com/sjqq/p/7774587.html
Copyright © 2020-2023  润新知