Search code examples
c#wpfxaml.net-3.5

How does one "disable" a button in WPF using the MVVM pattern?


I'm trying to get a grasp on WPF and MVVM and have been making good progress. The WPF and MVVM side of things are going well.

However, the XAML and data binding side is a whole other story :)

How would I go about "disabling" a button?

For example, I have a CanClose property in my view model that determines whether or not the application can currently be closed. If a worker thread is off doing something, then this property is set to false and I'd like to either grey out the button or somehow visually disable the Close button via some sort of binding.

How would I go about doing this?

Thanks!

Edit -

Too bad I can only accept one answer.

These two answers helped me tremendously. In Kent's post, he went a step further by explaining why you should implement a command infrastructure in your application instead of disabling a button in the way that I had asked:

How does one "disable" a button in WPF using the MVVM pattern?

And the answer to my original question:

How does one "disable" a button in WPF using the MVVM pattern?


Solution

  • By way of using the command pattern. In your view model:

    public class MyViewModel : ViewModel
    {
        private readonly ICommand someCommand;
    
        public MyViewModel()
        {
            this.someCommand = new DelegateCommand(this.DoSomething, this.CanDoSomething);
        }
    
        public ICommand SomeCommand
        {
            get { return this.someCommand; }
        }
    
        private void DoSomething(object state)
        {
            // do something here
        }
    
        private bool CanDoSomething(object state)
        {
            // return true/false here is enabled/disable button
        }
    }
    

    In your XAML:

    <Button Command="{Binding SomeCommand}">Do Something</Button>
    

    Read this post to find out more about the DelegateCommand.