ContextMenu not showing up when right-clicking anywhere on a DataGrid

[waylaa]

I guess the title says it all.

		<DataGrid Grid.Column="0"
				  Grid.Row="1"
				  Background="Transparent"
			      SelectionMode="Extended"
				  CanUserResizeColumns="True"
				  CanUserReorderColumns="True"
				  IsReadOnly="True"
				  Classes="OsdbCollectionsDragDrop"
				  ItemsSource="{Binding Collections, Mode=TwoWay}">

			<Interaction.Behaviors>
				<EventTriggerBehavior EventName="SelectionChanged">
					<InvokeCommandAction Command="{Binding CollectionSelectionChangedCommand}" PassEventArgsToCommand="True" />
				</EventTriggerBehavior>
			</Interaction.Behaviors>

			<DataGrid.Columns>
				<DataGridTextColumn Header="Name" Width="auto" Binding="{Binding Name}" />
				<DataGridTextColumn Header="Count" Width="auto" Binding="{Binding NumberOfBeatmaps}" />
				<DataGridTextColumn Header="Missing" Width="auto" Binding="{Binding HashOnlyBeatmaps.Count}" />
			</DataGrid.Columns>

			<DataGrid.ContextMenu>
				<ContextMenu>
					<MenuItem Header="Create" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
					<MenuItem Header="Rename" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
					<MenuItem Header="Delete" />
					<MenuItem Header="Copy" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
					<MenuItem Header="Paste" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
					<MenuItem Header="Duplicate" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
					<MenuItem Header="Merge" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
					<MenuItem Header="Intersection" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
					<MenuItem Header="Difference" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
					<MenuItem Header="Inverse" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
					<MenuItem Header="Export" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
				</ContextMenu>
			</DataGrid.ContextMenu>
		</DataGrid>

[timunie]

I guess the title says it all.

Nope, important info is missing. Which Avalonia version? Which OS?

[waylaa]

OS: Windows 10 22H2
Avalonia version: 11.0.6
.NET version: 8.0

Other nuget packages that are installed:
Avalonia.Controls.DataGrid - 11.0.6
Avalonia.Desktop - 11.0.6
Avalonia.Diagnostics - 11.0.6
Avalonia.Fonts.Inter - 11.0.6
Avalonia.Xaml.Behaviors - 11.0.6
CommunityToolkit.Mvvm - 8.2.2
EventBinder.AvaloniaPreview - 2.5.0.2-preview
FluentAvaloniaUI - 2.0.4
FluentIcons.FluentAvalonia - 1.1.224
Microsoft.Extensions.Caching.Memory - 8.0.0
Microsoft.Extensions.DependencyInjection - 8.0.0

[sccombp]

You can use ContextFlyout instead (I have confirmed this will work using FluentAvalonia).

At the top of your axaml file add the following reference (if you do not already have it.)

xmlns:ui="using:FluentAvalonia.UI.Controls"

replace your <DataGrid.ContextMenu> section with ContextFlyout

      <DataGrid.ContextFlyout>
        <ui:FAMenuFlyout>
          <ui:MenuFlyoutItem Text="Create" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
          <ui:MenuFlyoutItem Text="Rename" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
          <ui:MenuFlyoutItem Text="Delete" />
          <ui:MenuFlyoutItem Text="Copy" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
          <ui:MenuFlyoutItem Text="Paste" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
          <ui:MenuFlyoutItem Text="Duplicate" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
          <ui:MenuFlyoutItem Text="Merge" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
          <ui:MenuFlyoutItem Text="Intersection" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
          <ui:MenuFlyoutItem Text="Difference" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
          <ui:MenuFlyoutItem Text="Inverse" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
          <ui:MenuFlyoutItem Text="Export" IsEnabled="{Binding Collections, Converter={StaticResource CollectionToBoolConverter}}" />
        </ui:FAMenuFlyout>
      </DataGrid.ContextFlyout>

[waylaa]

It works! Thank you so much.

[timunie]

works for me for vanilla Avalonia, so seems to be an issue with FluentAvalonia or similar. But ContextFlyout is better anyway.

Also consider to use Command and Commandparameter which can endable / disable the items without the need to use a custom converter. https://github.com/AvaloniaUI/Avalonia.Samples/tree/main/src/Avalonia.Samples/MVVM/CommandSample

[waylaa]

Can you please give me small example on how to use command parameter based on the code i gave above?

[timunie]

<MenuItem Command="{Binding AddItemCommand}" CommandParamter="{Binding Collection}" />

private bool CanAdd => Collection != null; // Add is only allowed if collection is not null in this sample

[RelayCommand (CanExecute = nameof(CanCreate))]
private void AddItem(ICollection theCollection)
{
   theCollection.Add(new Item());
}

Using this package: https://learn.microsoft.com/en-us/dotnet/communitytoolkit/mvvm/generators/relaycommand

[waylaa]

Got it. Thanks for the helping.