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

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

  在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);
         }
      }
   }

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

 

目录
相关文章
|
JavaScript 前端开发
js事件绑定的几种方式
js事件绑定的几种方式
174 0
|
8月前
|
前端开发 JavaScript
在React中,如何通过事件处理函数来管理按钮的点击行为?
【5月更文挑战第28天】在React中,如何通过事件处理函数来管理按钮的点击行为?
77 1
|
JavaScript 前端开发
js事件绑定的几种方法?
js事件绑定的几种方法?
|
前端开发
MVVM模式下 DataTemplate 中控件的绑定
原文:MVVM模式下 DataTemplate 中控件的绑定   今天给ListBox中通过DataTemplate生成的Button绑定命令时,一开始Button始终找不到绑定的命令。现找到了正确的绑定方式,特来记录一下。
1794 0
|
前端开发 JavaScript 开发者
在 React 中为按钮绑定点击事件1|学习笔记
快速学习在 React 中为按钮绑定点击事件1
510 0
|
前端开发 开发者
在 React 中为按钮绑定点击事件2|学习笔记
快速学习在 React 中为按钮绑定点击事件2
116 0
|
前端开发 JavaScript
在React中为按钮绑定点击事件
一、React中绑定事件的注意点 二、各案例详解
|
前端开发 C#
WPF 介绍一种在MVVM模式下弹出子窗体的方式
原文:WPF 介绍一种在MVVM模式下弹出子窗体的方式 主要是通过一个WindowManager管理类,在window后台代码中通过WindowManager注册需要弹出的窗体类型,在ViewModel通过WindowManager的Show方法,显示出来。
2364 0
|
C#
【WPF】代码触发Button点击事件
原文:【WPF】代码触发Button点击事件 先定义Button按钮并绑定事件。 public void test() { Button btn = new Button(); btn.
2518 0