Agfdhyk

I'm working on a WPF application which uses the MVVM Light toolkit. I'm creating a wizard and I want to show buttons for navigating to the previous step and the next step on every page. In order to avoid code duplication, I use a user control which provides the buttons.

I'm trying to bind the next button's Command property to a dependency property , which is defined in the code behind file, called NextStepCommand. The type of this property is RelayCommand. The user control's dependency property NextStepCommand should then be bound to the window's property with the exact same name NextStepCommand; of course it also is of type RelayCommand.

However, the binding from the window's property NextStepCommand to the button's property Command doesn't work. Binding the window's property NextStepCommand to an arbitrary button defined in the window's XAML file works fine; so does implementing a RelayCommand in the user control's code behind class and binding it to the next button defined in the user control. Nevertheless, the full link from the window's property to the user control's button does not work and I can't figure out a solution.

The user control's XAML code is shown below.

<UserControl DataContext="{Binding RelativeSource={RelativeSource Self}}"> 

    <DockPanel>

        <Button DockPanel.Dock="Left"

                IsEnabled="{Binding Path=PreviousStepEnabled}"

                Command="{Binding Path=PreviousStepCommand}">Back</Button>

        <Button DockPanel.Dock="Right"

                IsEnabled="{Binding Path=NextStepEnabled}"

                Command="{Binding Path=NextStepCommand, Mode=OneWay}">Next</Button>

        <Label/>

    </DockPanel>

</UserControl>

The user control's NextStepCommand is defined the following way:

public RelayCommand NextStepCommand

{

    get { return (RelayCommand)GetValue(NextStepCommandProperty); }

    set { SetValue(NextStepCommandProperty, value); }

}



public static readonly DependencyProperty NextStepCommandProperty =

    DependencyProperty.Register(nameof(NextStepCommand), typeof(RelayCommand), typeof(WizardStepSwitchBar), new PropertyMetadata(default(RelayCommand)));

The window's XAML is displayed below.

<MahApps:MetroWindow

     xmlns:MahApps="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"

     DataContext="{Binding Source={StaticResource Locator}, Path=BasicSettings}">

    <Grid Style="{StaticResource MainContainerMargin}">

        <control:WizardStepSwitchBar Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="3" PreviousStepEnabled="False" NextStepCommand="{Binding Path=NextStepCommand, Mode=OneWay}"/>

    </Grid>

</MahApps:MetroWindow>

The implementation of the window's NextStepCommand property is quite simple:

public RelayCommand NextStepCommand

{

    get

    {

        return new RelayCommand(this.OnNextStep);

    }

}



private void OnNextStep()

{

    MessageBox.Show("It works!");

}

I tried using this answer, but didn't provide a solution to my issue. Thank you in advance for your support!