三、Silverlight中使用MVVM(三)——进阶
这篇主要引申出Command结合MVVM模式在应用程序中的使用
我们要做出的效果是这样的
就是提供了一个简单的查询功能将结果绑定到DataGrid中,在前面的基础上,这个部分相对比较容易实现了
我们在PageViewModel中添加两个属性
private string _searchText;
//查询关键字
public string SearchText
{
get { return _searchText; }
set { _searchText = value;
if (PropertyChanged != null)
{
this.PropertyChanged(this, new PropertyChangedEventArgs("SearchText"));
}
}
}
private List<Person> _resultText;
//查询结果
public List<Person> ResultText
{
get { return _resultText; }
set { _resultText = value;
if (PropertyChanged != null)
{
this.PropertyChanged(this, new PropertyChangedEventArgs("ResultText"));
}
}
}
这两个属性我们后面将绑定到View中,下面实现查询方法
//查询方法
public void Searhing()
{
List<Person> person = null;
if (!string.IsNullOrEmpty(SearchText))
{
person = new List<Person>();
foreach (Person p in Human)
{
if (p.name.Contains(SearchText))
{
person.Add(p);
}
}
}
if (person != null)
{
ResultText = person;
}
}
我们这里就是通过查询到的集合person赋值给查询结果,这两步比较好理解,然后我们需要在ViewModel中声明一个Command对象来执行页面的单击事件
private ICommand _cmd;
//声明Command
public ICommand Cmd
{
get { return _cmd; }
}
public PageViewModel()
{
Human = new List<Person>();
Human = new Persons().getPerson();
_cmd = new QueryCommand(this);
}
在构造函数中实例了Command对象,在这里我们仍然有一步工作需要完成,就是对QueryCommand的实现
public class QueryCommand:ICommand
{
public PageViewModel _pageVM = null;
public QueryCommand(PageViewModel vm)
{
_pageVM = vm;
}
public bool CanExecute(object parameter)
{
return true;
}
public event EventHandler CanExecuteChanged
{
add { }
remove { }
}
public void Execute(object parameter)
{
_pageVM.Searhing();
}
}
你可以看出来Command类是用ViewModel来实例的,自然这里面由Execute()完成查询这个工作。
最后我们将UI上做点小小的变动
<data:DataGrid ItemsSource="{Binding ResultText}" Height="200" HorizontalAlignment="Left" Margin="12,88,0,0" Name="dataGrid1" VerticalAlignment="Top" Width="200" />
<TextBox Height="23" Text="{Binding SearchText,Mode=TwoWay}" HorizontalAlignment="Left" Margin="12,46,0,0" Name="textBox1" VerticalAlignment="Top" Width="120" />
<Button Content="查询" Height="23" HorizontalAlignment="Left" Margin="137,46,0,0" Name="btnSearch" VerticalAlignment="Top" Width="75" />
我们将DataGrid的ItemSource属性绑定到ResultText上,对于输入框我们则将其绑定到SearchText属性上,这样我们就完成了大部分的工作
下面就是将View和ViewModel两者之间如何关联了,因为Sl3中不支持Commnad这个属性,所以这里我们就在后台进行声明
PageViewModel pageviewmodel=new PageViewModel();
public PageView()
{
InitializeComponent();
this.btnSearch.Click += new RoutedEventHandler(btnSearch_Click);
this.DataContext =pageviewmodel;
}
void btnSearch_Click(object sender, RoutedEventArgs e)
{
pageviewmodel.SearchText = this.textBox1.Text.Trim();
pageviewmodel.Cmd.Execute(null);
}
这一步完成后,我们就实现了开头的功能,这个功能虽然实现了,但是你可能会发现一个问题,我们将Searching()的执行写在了QueryCommand.Execute()中,
在这种情况下我们需要为每一个方法声明一个Command类,自然这不是我们期望做的事情,所以我们下面将这个问题优化一下:
我们先声明一个RelayCommand类
public class RelayCommand : ICommand
{
private Action _handler;
public RelayCommand(Action handler)
{
_handler = handler;
}
private bool _isEnabled;
public bool IsEnabled
{
get { return _isEnabled; }
set
{
if (value != _isEnabled)
{
_isEnabled = value;
if (CanExecuteChanged != null)
{
CanExecuteChanged(this, EventArgs.Empty);
}
}
}
}
public bool CanExecute(object parameter)
{
return IsEnabled;
}
public event EventHandler CanExecuteChanged;
public void Execute(object parameter)
{
_handler();
}
这里RelayCommand类可以作为一个派生类用于与页面Command的实现,那么ViewModel中,我们声明一个ICommand属性
private readonly ICommand _searchCommand;
public ICommand SearchCommand
{
get { return _searchCommand; }
}
自然我们需要将构造函数变动一下
public PageViewModel()
{
Human = new List<Person>();
Human = new Persons().getPerson();
_searchCommand = new RelayCommand(Searhing) { IsEnabled = true };
}
通过第3行代码,我们其实就是将ViewModel与Command分离了,最后我们将button事件代码修改一下
void btnSearch_Click(object sender, RoutedEventArgs e)
{
pageviewmodel.SearchText = this.textBox1.Text.Trim();
pageviewmodel.SearchCommand.Execute(null);
}
可能有些人不明白Command,下面对ViewModel中的Command做一下详解
在ViewModel中,使用了DelegateCommand这个实现了Icommand的泛型类,该类接收两个Icommand接口要实现的方法。
在Silverlight中,控件通常使用事件来执行一个方法。但是Silverlight提供了另一种机制,
使用的是设计模式中的Command模式,为控件提供了Command和CommandParameter属性。
Command是在WPF中被引入的,提供了松散的事件处理机制,这种模式使得事件处理代码不一定与控件紧密耦合
,Command和CommandParameter属性定义在ButtonBase类中,
它接收实现了ICommand接口的对象。在Silverlight中,
可以使用InvokeCommandAction控件来为其他的控件指定响应事件要执行的命令。
ICommand接口有3个必须实现的成员:Execute()方法在命令被调用时触发,
对于那些有Command属性的控件来说,单击控件是触发命令的唯一方式,
当然还可以使用InvokeCommandAction控件进行进一步的调用Execute()方法。
Execute()方法接收一个object类型的参数,这个参数的值放在调用控件的CommandParameter属性中,如果没有设置,该值为null。
CanExecute()方法,该方法返回true时命令才会被调用,
依赖于CommandParameter或者其他原因,可以通过在该函数中设置是否要执行方法的条件。
CanExecuteChanged事件在每次CanExecute()方法改变时会被触发。
比如CanExeucte的值依赖于object的属性,当属性改变时,
CanExecuteChanged事件必须被手动触发以通知用户界面,
CanExecute必须被重新查询,相应地控件的Enabled/Disabled也会发生改变。
除了使用DelegateCommand类外,开发人员也可以直接创建实现ICommand接口的类来供UI层进行绑定,
不过这样的做法没有使用DelegateCommand这么简洁。因此建议各位使用DelegateCommand类来实现对命令的定义。
下篇我将结合MVVM与Command实现一个简单的CRUD操作
最新文章
- Linux内核分析:打开文件描述符实现
- Unity3d之个性化皮肤
- jquery常用代码
- MySQL数据库迁移(转)
- 理解SQL Server的查询内存授予(译)
- maven本地仓库.m2文件夹路径讲解
- syntax error: missing &#39;;&#39; before identifier &#39;IWebBrowser&#39;
- C#全屏随机位置显示图片的小程序
- html5 + css3 + zepto.js实现的微信广告宣传页
- pyqt QTimer,QThread例子学习
- Hudson + SVN + Maven 持续集成实现自动化编译、打包、部署(over SSH 和 Deploy war/ear to a container 两种部署方式)
- redis客户端可以连接集群,但JedisCluster连接redis集群一直报Could not get a resource from the pool
- python的单元测试
- C#开发命名规范总结整理
- DBC格式解析(数据部分)
- Linux学习: LCD驱动
- webapi 设置不显示接口到swaggerUI
- 有关maven不能加载ojdbc14.jar解决方法
- 【转】ubuntu中没有/etc/inittab文件探究
- Visual Studio中添加API断点
热门文章
- MYSQL常用命令——【转】
- 透明层提示框代替windows警告窗口方法!
- [LeetCode] String to Integer (atoi) 字符串
- TCP/IP协议详解笔记——ARP协议和RARP协议
- onCreate、onStart、onResume、onPause、onStop、onDestory(转)
- OpenGL入门学习(二)
- github的多环境应用介绍
- unittest框架及自动化测试
- springBoot 数组增加工具类包
- BZOJ——3412: [Usaco2009 Dec]Music Notes乐谱