在WPF的MVVM框架中获取下拉选择列表中的选中项
文章概述:
本演示介绍怎样在WPF的MVVM框架中。通过数据绑定的方式获取下拉列表中的选中项。程序执行后的效果例如以下图所看到的:
相关下载(代码、屏幕录像):http://pan.baidu.com/s/1sjwN357
在线播放:http://v.youku.com/v_show/id_XODA5OTYzMDU2.html
温馨提示:假设屏幕录像和代码不能正常下载,可站内留言。或发邮件到524130780@QQ.COM
XAML代码例如以下所看到的:
<Window x:Class="Demo02Ex01.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="262" Width="402">
<Grid>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<ComboBox Grid.Row="0" Grid.Column="0" Width="300" Height="30"
ItemsSource="{Binding CompanyNames}" DisplayMemberPath="CompanyName"
SelectedItem="{Binding CurrentCompany}" />
<Button Grid.Row="1" Width="100" Height="70" Content="获取选择项"
Command="{Binding Path=ShowSelectedCompanyCommand}"/>
</Grid>
</Window>
CS代码例如以下所看到的:
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
this.DataContext = new MainWindowModel();
}
}
综合上述两端代码可知,和MainWindow视图管理的ViewModel类是MainWindowModel类,XAML代码中的Binding所指的成员就是该ViewModel类中的成员。比方CompanyNames和CurrentCompany都是MainWindowModel的属性。
MainViewModel类的代码例如以下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows; namespace Demo02Ex01.ViewModels
{
public class MainWindowModel
{
public MainWindowModel()
{
this.CompanyNames = new List<Company>();
this.CompanyNames.Add(new Company() { CompanyName = "中国核工业集团公司", Address = "" });
this.CompanyNames.Add(new Company() { CompanyName = "中国航科技集团公司", Address = "" });
this.CompanyNames.Add(new Company() { CompanyName = "中国电科技集团公司", Address = "" });
this.CompanyNames.Add(new Company() { CompanyName = "中国长江三峡project发总公司", Address = "" });
this.CompanyNames.Add(new Company() { CompanyName = "中国移通信集团公司", Address = "" });
this.CurrentCompany = this.CompanyNames[1];
this.ShowSelectedCompanyCommand = new DelegateCommand(this.ShowSelectedCompanyHandler);
} public List<Company> CompanyNames { get; set; } public Company CurrentCompany { get; set; } public DelegateCommand ShowSelectedCompanyCommand { get; set; } private void ShowSelectedCompanyHandler(object sender, DelegateCommandEventArgs e)
{
MessageBox.Show(this.CurrentCompany.CompanyName);
}
}
}
通过为ComboBox指定DisplayMemberPath属性,能够告知程序要显示的内容。因为CompanyNames的类型是List<Company>的,因此DisplayMemberPath所指定的字符串就是Company类的CompanyName属性名。代码例如以下:
public class Company
{
public string CompanyName { get; set; }
public string Address { get; set; }
}
而和button的单击操作则是由Command属性指定的命令进行处理的,仍然是和MainWindowModel的成员ShowSelectedCompanyCommand关联绑定。这是一个自己定义命令,对于当前的button而言,详细运行的代码例如以下所看到的:
private void ShowSelectedCompanyHandler(object sender, DelegateCommandEventArgs e)
{
MessageBox.Show(this.CurrentCompany.CompanyName);
}
至此,通过ViewModel的CurrentCompany属性既能够改动下拉列表中的选中项,又能够在ViewModel中获取到下拉列表中的选中项。
在WPF的MVVM框架中获取下拉选择列表中的选中项的更多相关文章
- openerp模块收藏 移除下拉选择列表中的“创建并编辑”链接(转载)
移除下拉选择列表中的“创建并编辑”链接 原文:http://shine-it.net/index.php/topic,5990.0.html 有时希望下拉列表中列出的项是与主表某个字段关联的,用户只能 ...
- Jquery获取下拉选择节点名称值赋给textbox文本框 获取 父节点的栏目名称编号
<label for="parentNode" style="float:left" >父级栏目:</label> <select ...
- jsp中获取下拉框的value问题
遇到问题 最近快期末考试了,今天想写一个简单的增删改查项目练练手,可是在刚写增加的时候就出现了问题,"增"一直是最简单的操作,本来自付很快就能写完,可是数据库中对应的下拉框数据一直 ...
- ionic 下拉选择框中默认显示传入的参数
开发过程当中遇到一个有趣的问题,如果我在第一个页面需要把 item { "ownerId" : 1 } 传递给第二个页面,并挂在$scope下 $scope.item = $sta ...
- vue 表格中的下拉框单选、多选处理
最近在用vue做前后端分离,需要在表格中用到下拉框,由于需求变动,从最开始的单选变为多选,折腾了许久,记录一下,供后人铺路 vue 中的表格下拉框单选 collectionsColnumOptions ...
- thinter中combobox下拉选择控件(九)
combobox控件,下拉菜单控件 combobox控件在tkinter中的ttk下 简单的实现下: import tkinter from tkinter import ttk # 导入ttk模块, ...
- tkinter中combobox下拉选择控件(九)
combobox控件,下拉菜单控件 combobox控件在tkinter中的ttk下 简单的实现下: import tkinter from tkinter import ttk # 导入ttk模块, ...
- 下拉选择select和复选框checkbox的状态的各种方式
复选框的状态 <input name="ck" value=" " type="checkbox" checked> 或者&l ...
- Ext4中获取下拉框的值
var supplierCombo = Ext.getCmp("rkSupplierCombo_id"); var supplierId = supplierCombo.getV ...
随机推荐
- 复制DropDownList
DropDownList ddlA; ListItem[] ar = new ListItem[ddlB.Items.Count]; ddlB.Items.CopyTo(ar,0); ddlA.Dat ...
- [xPlugins] jQuery Contextmenu右键菜单
[2012-04-12] Contextmenu 右键菜单 v0.1 版本发布 [功能] 在特定区域弹出右键菜单 [功能] 可以在弹出右键菜单区域内,再屏蔽某个小区域. [功能] 有两种方式添加右键菜 ...
- MySQL实现表之间的字段更新
新功能写好之后,需要把以前表数据更新一下,字段数据从以前的表中获取,只更新两个字段 UPDATE TABLE1,TABLE2 SET TABLE1.COLUMN1 = TABLE2.COLUMN1 , ...
- Tomcat安全设置与优化详解(非原创)
一.Tomcat简介二.Tomcat安全设置三.Tomcat优化四.参考文章 一.Tomcat简介 Tomcat 是 Apache软件基金会下的一个免费.开源的WEB应用服务器,它可以运行在 Li ...
- springboot的推荐模板引擎-Thymeleaf
1)添加对themeleaf的支持的依赖 <!--Thymeleaf--> <dependency> <groupId>org.springframework.bo ...
- PyQt5.9 Html与本地代码交互实例
在PyQt5.9中, 应用QWebEngineView和QWebChannel技术, 可以进行HTML与本地代码进行交互. 要点: 创建交互对象, 基于QObject, 定义信息槽 创建QWebCha ...
- 2015 多校赛 第一场 1001 (hdu 5288)
Description OO has got a array A of size n ,defined a function f(l,r) represent the number of i (l&l ...
- 【Vue+Node】解决axois请求数据跨域问题
项目基于Vue前端+Node后台,启动两个服务,请求数据时,端口不一致造成跨域报错: (No 'Access-Control-Allow-Origin' header is present on th ...
- PhotoZoom Classic 7怎么样?对电脑和系统要求高不高?
PhotoZoom Classic 7怎么样?对电脑和系统要求高不高? 相较于更专业PhotoZoom Pro,标准版本的PhotoZoom Classic 7更适用于日常工作中的图片放大处理,例如在 ...
- 软件神器系列——photozoom图片像无损清晰放大软件砸金蛋活动开始啦!
不管是刚进入社会的小白,还是混迹多年的油条,是不是发现了最近的工作越来越难做了? 推广文章.产品手册.营销方案.培训计划.工作报告乃至于PPT,都不是以前用文字数据可以交工的了,现在都讲究“图文并茂” ...