在MVVM模式中,按钮Click事件的绑定方法

  在MVVM模式中,我们将Button的方法写到ViewModel中,然后绑定到前端界面。通常的做法是写一个类,继承ICommand接口,然而如果按钮比较多的话,就需要写很多的类,对于后期维护造成很大的不变,微软提供了一个DelegateCommand类,可以简化开发。

使用方法如下:

首先生命ViewModel属性,GetMsg函数,

 public DelegateCommand GetMsg
      {
         get { return new DelegateCommand(GetMessage); }
      }

在ViewModel中写方法GetMessage,代码如下:

 public void GetMessage(object parameter)
      {
         //Your code...
      }

然后在前端绑定,代码如下:

<Button Command="{Binding GetMsg}" IsEnabled="{Binding custom.IsEnable,Mode=TwoWay}"  CommandParameter="{Binding}" Content="OK" Width="100" Height="32" HorizontalAlignment="Left" Margin="149,228,0,0" Name="button1" VerticalAlignment="Top" Canvas.Left="-105" Canvas.Top="3"  />

 

其实,DelegateCommand只是一个继承自ICommand的类,下面我们来写自己的DelegateCommand类,实现同样的功能。代码如下:

public class DelegateCommand : ICommand
   {
      private Action action;
      private Action<Object> actionT;

      public DelegateCommand(Action action)
      {
         this.action = action;
      }

      public DelegateCommand(Action<Object> action)
      {
         this.actionT = action;
      }

      public bool CanExecute(object parameter)
      {
         return true;
      }

      public event EventHandler CanExecuteChanged;

      public void Execute(object parameter)
      {
         if (action != null)
         {
            action();
         }
         if (actionT != null)
         {
            actionT.Invoke(parameter);
         }
      }
   }

这个类有两个构造方法,有参数的和无参数的,可以根据自己的需要扩展,使用起来非常方便。

 

时间: 2024-11-23 16:56:50

在MVVM模式中,按钮Click事件的绑定方法的相关文章

深入理解MVVM模式中Silverlight的Trigger、Action和Behavior及Silverlight的继承机制

原文:深入理解MVVM模式中Silverlight的Trigger.Action和Behavior及Silverlight的继承机制 接触Silverlight已经有两三个月了,开始一直感觉他和Winform很相似,拖拖控件就行了,所以一直把经历放在了研究后台和服务器交互和性能优化上面,很少去仔细研究Silverlight的页面.前几天,公司突然让修改一个Winform的项目,再回过头来看Winform,有种"不堪回首"的感觉. 十一长假即将来临,在这里先祝大家假期快乐.今天难得有空,

MVVM模式中ViewModel和View、Model有什么区别?

  这篇文章主要介绍了MVVM模式中ViewModel和View.Model有什么区别?本文分别解释了它们的功能和作用,然后总结了它之间的区别,需要的朋友可以参考下 Model:很简单,就是业务逻辑相关的数据对象,通常从数据库映射而来,我们可以说是与数据库对应的model. View:也很简单,就是展现出来的用户界面. 基本上,绝大多数软件所做的工作无非就是从数据存储中读出数据,展现到用户界面上,然后从用户界面接收输入,写入到数据存储里面去.所以,对于数据存储(model)和界面(view)这两

IE和火狐中模仿Click事件及提交到新窗口总结

在程序中去模拟一个click事件是可以的,如果这个click事件是来自<a>标签的,那如果希望得到单击按钮的效果,IE可以,但火狐无法实现. 先看一下模拟click事件的代码:  <a href="http://www.sina.com"  target="_blank" id="aa">ok</a>     <script>         var comment = document.getEl

“Win10 UAP 开发系列”之 在MVVM模式中控制ListView滚动位置

原文:"Win10 UAP 开发系列"之 在MVVM模式中控制ListView滚动位置 这个扩展属性从WP8.1就开始用了,主要是为了解决MVVM模式中无法直接控制ListView滚动位置的问题.比如在VM中刷新了数据,需要将View中的ListView滚动到顶部,ListView只有一个ScrollIntoView()方法可以控制滚动的位置,但最好在VM中不要出现直接控制View的代码,需要通过其他的方式. 使用一个扩展属性即可实现: /// <summary> ///

jquery 中click事件传递绑定click事件的元素本身

问题描述 jquery 中click事件传递绑定click事件的元素本身 jquery 中click事件怎么传递绑定click事件的元素本身,也就是传递我点击的那个元素. 解决方案 function.call/apply来更改tihs指向 解决方案二: $('#xxxxl').on( 'click', function() { var self = $(this); self.parent().next().slideToggle("fast"); self.hasClass('fol

html5-jq中的click事件无法触发是什么原因?

问题描述 jq中的click事件无法触发是什么原因? 写成 $("#btn1").click(function(){ ............... }); 无法触发,提示里也没有click 而在button中添加onclick="btn()",jq中写成 function btn(){ ............... } 就能触发 求大神帮忙看看是什么原因,谢谢了 解决方案 你点击选定的标签是ajax添加的吧,如果是,就不能用: $("#btn1&quo

关于java界面中按钮执行事件的问题

问题描述 关于java界面中按钮执行事件的问题 我用JAVA在一个包中写了MultiThreadMatrix.java和Jiemian.java.MultiThreadMatrix.java是一个并行矩阵计算程序,怎么让Jiemian.java中的一个按钮b3,点击b3执行MultiThreadMatrix.java,并将结果输出在Jiemian.java的文本框中. MultiThreadMatrix.java的打印的结果是,先让你输入想建立的线程个数,然后输出每个线程计算哪一行. 下面是Mu

radiobox-wxpython按钮与事件的绑定

问题描述 wxpython按钮与事件的绑定 samplelist=['GMSK', 'BPSK', 'QPSK'] radio=wx.RadioBox(top, -1, "Modulation mode", wx.DefaultSize, samplelist,3) 我想实现的是按住任意一个按钮然后与写好的波形控制代码中的调制方式对应,想的是 self.Bind(wx.EVT_RADIOBOX, self.SetModulationMode, radio(0))也就是按住第一个按钮实现

IE和火狐中模仿Click事件及提交到新窗口总结(asp.net)_实用技巧

先看一下模拟click事件的代码: 复制代码 代码如下: <a href=http://www.jb51.net target="_blank" id="aa">ok</a> <script> var comment = document.getElementById('aa'); if (document.all) { comment.click(); } else { //火狐,如果<a>中没有定义onclick事