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


## MainWindow.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`