How to bind WPF button to a command in ViewModelBase?

by 
 <Grid >
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Button Command="{Binding ClickCommand}" Width="100" Height="100" Content="wefwfwef"/>
</Grid>

the code behind for the window: 

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = new ViewModelBase();
    }
}

The ViewModel:

public class ViewModelBase
{
    private ICommand _clickCommand;
    public ICommand ClickCommand
    {
        get
        {
            return _clickCommand ?? (_clickCommand = new CommandHandler(() => MyAction(), ()=> CanExecute));
        }
    }
     public bool CanExecute
     {
        get
        {
            // check if executing is allowed, i.e., validate, check if a process is running, etc. 
            return true/false;
        }
     }

    public void MyAction()
    {

    }
}

Command Handler: 

 public class CommandHandler : ICommand
{
    private Action _action;
    private Func<bool> _canExecute;

    /// <summary>
    /// Creates instance of the command handler
    /// </summary>
    /// <param name="action">Action to be executed by the command</param>
    /// <param name="canExecute">A bolean property to containing current permissions to execute the command</param>
    public CommandHandler(Action action, Func<bool> canExecute)
    {
        _action = action;
        _canExecute = canExecute;
    }

    /// <summary>
    /// Wires CanExecuteChanged event 
    /// </summary>
    public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }

    /// <summary>
    /// Forcess checking if execute is allowed
    /// </summary>
    /// <param name="parameter"></param>
    /// <returns></returns>
    public bool CanExecute(object parameter)
    {
        return _canExecute.Invoke();
    }

    public void Execute(object parameter)
    {
        _action();
    }
}

I hope this will give you the idea.

More Related Contents:

  1. How to call functions in a main view model from other view models?
  2. How to write a ViewModelBase in MVVM
  3. Accessing a property in one ViewModel from another
  4. WPF MVVM navigate views
  5. How should the ViewModel close the form?
  6. WPF Binding UI events to commands in ViewModel
  7. Select multiple items from a DataGrid in an MVVM WPF project
  8. Stop TabControl from recreating its children
  9. How to handle dependency injection in a WPF/MVVM application
  10. This type of CollectionView does not support changes to its SourceCollection from a thread different from the Dispatcher thread [duplicate]
  11. ReSharper WPF error: “Cannot resolve symbol “MyVariable” due to unknown DataContext”
  12. Close Window from ViewModel [duplicate]
  13. MVVM: Binding radio buttons to a view model?
  14. MVVM Light 5.0: How to use the Navigation service
  15. Proper validation with MVVM
  16. Binding an Image in WPF MVVM
  17. MVVM show new window from VM when seperated projects
  18. Cannot find source for binding with reference ‘RelativeSource FindAncestor’ [duplicate]
  19. Binding ComboBox SelectedItem using MVVM
  20. Handling the window closing event with WPF / MVVM Light Toolkit
  21. WPF OpenFileDialog with the MVVM pattern? [duplicate]
  22. WPF/MVVM – how to handle double-click on TreeViewItems in the ViewModel?
  23. Creating an MVVM friendly dialog strategy
  24. Should I bind to ICollectionView or ObservableCollection
  25. Twoway-bind view’s DependencyProperty to viewmodel’s property?
  26. How do you pass a BitmapImage from a background thread to the UI thread in WPF?
  27. mvvm how to make a list view auto scroll to a new Item in a list view
  28. How to set focus to textbox using MVVM?
  29. Page Navigation using MVVM in Store App
  30. Limit binding updates per second

Leave a Comment