Binding to Commands

Search…
Binding to Commands
Controls that carry out an action, such as Button have a Command property which can be bound to an ICommand. When the control is activated (e.g. when a button is clicked) the ICommand.Execute method will be called.
A good implementation of ICommand can be found in ReactiveUI's ReactiveCommand. If you've created your application using the Avalonia MVVM Application template then this will be available by default. See the ReactiveUI documentation for more information.
An example:
1
namespace Example
2
{
3
    public class MainWindowViewModel : ViewModelBase
4
    {
5
        public MainWindowViewModel()
6
        {
7
            DoTheThing = ReactiveCommand.Create(RunTheThing);
8
        }
9
​
10
        public ReactiveCommand<Unit, Unit> DoTheThing { get; }
11
​
12
        void RunTheThing()
13
        {
14
            // Code for executing the command here.
15
        }
16
    }
17
}
Copied!
1
<Window xmlns="https://github.com/avaloniaui">
2
    <Button Command="{Binding DoTheThing}">Do the thing!</Button>
3
</Window>
Copied!
CommandParameter
You can also pass a parameter to the command using the CommandParameter property:
1
namespace Example
2
{
3
    public class MainWindowViewModel : ViewModelBase
4
    {
5
        public MainWindowViewModel()
6
        {
7
            DoTheThing = ReactiveCommand.Create<string>(RunTheThing);
8
        }
9
​
10
        public ReactiveCommand<string, Unit> DoTheThing { get; }
11
​
12
        void RunTheThing(string parameter)
13
        {
14
            // Code for executing the command here.
15
        }
16
    }
17
}
Copied!
1
<Window xmlns="https://github.com/avaloniaui">
2
    <Button Command="{Binding DoTheThing}" CommandParameter="Hello World">Do the thing!</Button>
3
</Window>
Copied!
Note that no type conversion is carried out on CommandParameter, so if you need you type parameter to be something other than string you must supply an object of that type in XAML. For example to pass an int parameter you could use:
1
<Window xmlns="https://github.com/avaloniaui"
2
        xmlns:sys="clr-namespace:System;assembly=mscorlib">
3
    <Button Command="{Binding DoTheThing}">
4
        <Button.CommandParameter>
5
            <sys:Int32>42</sys:Int32>
6
        </Button.CommandParameter>
7
        Do the thing!
8
    </Button>
9
</Window>
Copied!
Like any other property, CommandParameter can also be bound.
Binding To Methods
ICommand.Execute
Sometimes you just want to call a method when a button is clicked without the ceremony of creating a command. You can do that too!
1
namespace Example
2
{
3
    public class MainWindowViewModel : ViewModelBase
4
    {
5
        public void RunTheThing(string parameter)
6
        {
7
            // Code for executing the command here.
8
        }
9
    }
10
}
Copied!
1
<Window xmlns="https://github.com/avaloniaui">
2
  <Button Command="{Binding RunTheThing}" CommandParameter="Hello World">Do the thing!</Button>
3
</Window>
Copied!
ICommand.CanExecute
If you need to have execution dependent on CommandParameter or your ViewModel property, you can define a named method formed by the prefix "Can" and the name of your execution method; the method will accept an object parameter which is the CommandParameter and return a Boolean which determines if the method is executable.
1
namespace Example
2
{
3
    public class MainWindowViewModel : ViewModelBase
4
    {
5
        public void RunTheThing(string parameter)
6
        {
7
            // Code for executing the command here.
8
        }
9
​
10
        bool CanRunTheThing(/* CommandParameter */object parameter)
11
        {
12
            return parameter != null;
13
        }
14
    }
15
}
Copied!
Trigger ICommand.CanExecute
if you want trigger CanExecute from your ViewModel, you have to decorate it with one or more DependsOn attributes, where propertyName is the name of the property that will activate the CanExecute method when it changes value.
1
namespace Example
2
{
3
    public class MainWindowViewModel : ViewModelBase
4
    {
5
        bool _isTheThingEnabled = true;
6
​
7
        bool IsTheThingEnabled
8
        {
9
            get
10
            {
11
               return  _isTheThingEnabled;
12
            }
13
            set
14
            {
15
                if(value == _isTheThingEnabled)
16
                   return;
17
                _isTheThingEnabled = value;
18
                PropertyChanged?
19
                    .Invoke(this, new PropertyChangedEventArgs(nameof(IsTheThingEnabled)));
20
            }
21
        }
22
​
23
        public void RunTheThing(string parameter)
24
        {
25
            // Code for executing the command here.
26
        }
27
​
28
        [DependsOn(nameof(IsTheThingEnabled))]
29
        bool CanRunTheThing(/* CommandParameter */object parameter)
30
        {
31
            return IsTheThingEnabled && parameter != null;
32
        }
33
    }
34
}
Copied!
Converting Binding Values
Binding to Tasks and Observables
Last modified 11d ago
Export as PDF
Copy link
Contents