Plz Help! How to bind Button Command to UserControl DataContext from ItemsControl in Avalonia?

[IftikharK]

I tried to do it with Command="{Binding NavigateCommand, RelativeSource={RelativeSource AncestorType=UserControl}}" but it didn't help. Shows Error Code: AVLN2000 (unable to resolve property or method of name NavigateCommand)

I also tried Command="{Binding DataContext.NavigateCommand, RelativeSource={RelativeSource AncestorType=UserControl}}" but same Error Code: AVLN2000 (unable to resolve property or method of name NavigateCommand)
DashboardViewModel.cs already exists property: public ReactiveCommand<MenuBarItem, Unit> NavigateCommand { get; }

What I am doing wrong?

Here is my view:

Here is my view model

[tobyfirth]

To access a different DataContext from the one you are in, you need to walk up the logical tree until you get to a control which has the DataContext that you want. You can use the $parent[] syntax to search up the logical tree for a control of a specific type.

The easiest is to go for the DataContext of the control that your template is part of, like this:

<Button Command="{Binding $parent[ItemsControl].((vm:DashboardViewModel)DataContext).NavigateCommand}">
					
</Button>

You can also look for the UserControl. However the UserControl actually has the type of the class that you named it as seen in x:Class, not the type UserControl so you need to make sure you include the namespace that the UserControl is declared in. Here is an example with most code removed for brevity.

<UserControl
  xmlns:views="using:Avalonia.UI.Views"
  x:Class="Avalonia.UI.Views.DashboardView">
  <ScrollViewer>
    <ItemsControl>
      <ItemsControl.ItemTemplate>
        <Button Command="{Binding $parent[view:DashboardView].((VM:TestViewModel)DataContext).TestCommand}">
					          
          </Button>
      </ItemsControl.ItemTemplace>
    </ItemsControl>
  </ScrollViewer>
</UserControl>

The Avalonia documentation covers this case in a bit more detail here with some additional examples of how to access parent controls in a binding.

[IftikharK]

Thank you so much for your help! I tried using the following command:

Command="{Binding $parent[ItemsControl].((vm:DashboardViewModel)DataContext).NavigateCommand}"

It’s working perfectly now!