Question

I have a button, when i use datacontext and command, the command not work:

 <Button  DataContext="{Binding horaires}" Style="{StaticResource RefreshAppBarButtonStyle}" AutomationProperties.Name="{Binding HomeAppBarTitle, Converter={StaticResource StringResourceConverter}}"  Command="{Binding RefreshCommand}" ></Button>

when i delete the datacontext and set the name manually it’s work:

<Button Style="{StaticResource RefreshAppBarButtonStyle}" AutomationProperties.Name="Actualiser"  Command="{Binding RefreshCommand}" ></Button>

what’s can be the problem??

Best regards

Answer 1

Does horaires have a property called RefreshCommand? I’m guessing not because you said it works without the DataContext being set.

You need to either remove the DataContext binding and change the AutomationProperties.Name property binding to use the horaires prefix like this:

<Button  AutomationProperties.Name="{Binding horaires.HomeAppBarTitle, Converter={StaticResource StringResourceConverter}}"  
         Command="{Binding RefreshCommand}" />

Or use a RelativeSource or ElementName binding to find the UI element that has your RefreshCommand in its DataContext. For example,

<Button  DataContext="{Binding horaires}"
         AutomationProperties.Name="{Binding HomeAppBarTitle, Converter={StaticResource StringResourceConverter}}"  
         Command="{Binding DataContext.RefreshCommand, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" />

Personally, I would go with the first one because I like to avoid setting the DataContext explicitly if possible. The UI is supposed to reflect the data behind it, and setting the DataContext manually changes this hierarchy.