How to avoid double click on button in XAML / Mvvm / C#

Question

I've got Button in Windows Phone project written in MVVM. Problem is that when I double press that button I will run my method twice, or more times. How to avoid that?

That's implementation:

XAML View

<Button Command="{Binding MyCommand}" />

ViewModel

private readonly Command myButtonClick;
public ICommand MyCommand{ get { return myButtonClick; } }

{
   myButtonClick= new Command(MyMethod);
}
private async void MyMethod()
{
   // do work
}

http://stackoverflow.com/questions/841332/prevent-double-click-from-double-firing-a-command — Mat, Jul 03 '15 at 06:42

score 3 · Accepted Answer · edited May 23 '17 at 12:14

3

The best way is to implement DelegateCommand, and check whether the button can be executed in CanExecute function. (See this question)

Another way is disabling the button after button click and enabling when operation finishes.

edited May 23 '17 at 12:14

Community

1
1

answered Jul 03 '15 at 06:49

daryal

14,643
4
38
54

Upvoted for suggesting Delegate Command and CanExecute. Easily the best approach. – Dustin Jensen Jul 03 '15 at 07:24

How to avoid double click on button in XAML / Mvvm / C#

XAML View

ViewModel

1 Answers1