Silverlight中使用MVVM(3)—进阶

概述   这篇主要引申出Command结合MVVM模式在应用程序中的使用     我们要做出的效果是这样的                            就是提供了一个简单的查询功能将结果绑定到DataGrid中，在前面的基础上，这个部分相对比较容易实现了     我们在PageViewModel中添加两个属性 private string _searchText;

   这篇主要引申出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" name="dataGrID1" VerticalAlignment="top" WIDth="200" />        <TextBox Height="23" Text="{Binding SearchText,Mode=TwoWay}" HorizontalAlignment="left" margin="12,46,0" name="textBox1" VerticalAlignment="top" WIDth="120" />        <button Content="查询" Height="23" HorizontalAlignment="left" margin="137,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);        }

这样的话，看起来似乎优雅了点，关于这部分内容网上资源也比较多，就不多解释了。下篇我将结合MVVM与Command实现一个简单的CRUD *** 作

总结

以上是内存溢出为你收集整理的Silverlight中使用MVVM(3)—进阶全部内容，希望文章能够帮你解决Silverlight中使用MVVM(3)—进阶所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。