---
# System prepended metadata

title: WinUI 3 DataGrid で右クリックメニューを使用する 2022-08-02
tags: [WinUI 3, ContextFlyout, 右クリックメニュー]

---

---
lang: ja-jp
breaks: true
---
# WinUI 3 DataGrid で右クリックメニューを使用する 2022-08-02

![](https://i.imgur.com/5SORv2p.png)

## MainWindow.xaml

```xaml=
<Window
    x:Class="App25.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App25"
    xmlns:helpers="using:App25.helpers"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    xmlns:controls="using:CommunityToolkit.WinUI.UI.Controls"
    >

    <Grid
        Background="{ThemeResource AcrylicBackgroundFillColorDefaultBrush}"
        >
        <controls:DataGrid 
            x:Name="PackagesList" 
            BorderThickness="1"
            IsReadOnly="True"
            ItemsSource="{x:Bind ViewModel.PackagesList, Mode=OneWay}"
            AutoGenerateColumns="True"
            >
            <controls:DataGrid.ContextFlyout>
                <MenuFlyout>
                    <MenuFlyoutItem Text="delete packages" Click="DeletePakages_Click"/>
                </MenuFlyout>
            </controls:DataGrid.ContextFlyout>

        </controls:DataGrid>
    </Grid>
</Window>
```

###### tags: `WinUI 3` `右クリックメニュー` `ContextFlyout`
