How to Bind to window's close button the X-button

Question

How I can bind one of my buttons on control to X Button that closes the window ? I just want to create cancel button that just closes the window. I am using MVVM in my code.

Answer 1

Install Microsoft.Expression.Interactions by nugget and use the answer gived by Chris W. above.

Answer 2

MVVM solution without code-behind could also look like this:

View:

<Button Content="Cancel" Command="{Binding CloseWindowCommand}" CommandParameter="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}" />

ViewModel:

public ICommand CloseWindowCommand
{
    get
    {
        return new RelayCommand<Window>(SystemCommands.CloseWindow);
    }
}

But SystemCommands is from .net-4.5 so if you rock in some older version of .net you can also use following.

public ICommand CloseWindowCommand
{
    get
    {
        return new RelayCommand<Window>((window) => window.Close());
    }
}

Answer 3

You can just call the Close() method, which will close the window.

private void MyButton_Click(object s, RoutedEventArgs e)
{
    Close();
}

Answer 4

If it's WPF (and provided I remember right) you can just use CallMethodAction from the parent as a behavior and utilize Close() method via just XAML. Something like;

Parent Window x:Name="window"

namespaces;

 xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
 xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"

-

<Button Content="Cancel">
    <i:Interaction.Triggers>
      <i:EventTrigger EventName="Click">
        <ei:CallMethodAction
            TargetObject="{Binding ElementName=window}"
            MethodName="Close"/>
      </i:EventTrigger>
    </i:Interaction.Triggers>
  </Button>

Hope this helps.