[WPF]UserControlのContextMenuを外部から変更したい

いつもお世話になります。

前提・実現したいこと

WPFのユーザーコントロール内の一部(ContextMenu)を
ユーザーコントロールの使用元から変更したいのですが、
上記実現する方法が不明なので質問させていただきました。

環境

Visual Studio 2017
C# 4.6.1
WPF
MVVM Lightフレームワーク使用

現状のソースコード

具体的には、下記のようなXamlコードがあり。。。

MainWindow.xaml

xaml
1<Window x:Class="WpfUserControlTest.View.MainWindow"
2        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6        xmlns:local="clr-namespace:WpfUserControlTest.View"
7        mc:Ignorable="d"
8        DataContext="{Binding MainWindow, Source={StaticResource Locator}}"
9        Title="MainWindow" Height="450" Width="800">
10    <Grid>
11        <Grid.ColumnDefinitions>
12            <ColumnDefinition Width="*" />
13            <ColumnDefinition Width="*" />
14        </Grid.ColumnDefinitions>
15
16        <local:CustomListBox Grid.Column="0" Background="AliceBlue" DataContext="{Binding CustomListVM, Source={StaticResource Locator}}" />
17        <local:CustomListBox Grid.Column="1" Background="Aqua" DataContext="{Binding CustomListVM2, Source={StaticResource Locator}}" />
18
19    </Grid>
20</Window>

CustomListBox.xaml

xaml
1<UserControl x:Class="WpfUserControlTest.View.CustomListBox"
2             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
5             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
6             xmlns:local="clr-namespace:WpfUserControlTest.View"
7             mc:Ignorable="d" 
8             d:DesignHeight="450" d:DesignWidth="800">
9    <Grid>
10
11        <ListBox x:Name="_list"
12                 Background="{Binding Background, RelativeSource={RelativeSource FindAncestor ,AncestorType={x:Type UserControl}}}"
13                 SelectedItem="{Binding SelectedItem}"
14                 ItemsSource="{Binding List}" >
15            <ListBox.ItemTemplate>
16                <DataTemplate >
17                    <ContentControl>
18
19                        <!-- アイテムパネル -->
20                        <StackPanel Orientation="Vertical" Background="Transparent" Tag="{Binding Path=DataContext , ElementName=_list}" >
21                            <TextBlock Text="{Binding Title}" />
22                            <TextBlock Text="{Binding Data}" />
23                            <StackPanel.ContextMenu>
24                                <ContextMenu>
25                                    <MenuItem Header="削除"
26                                              CommandParameter="{Binding }" 
27                                              Command="{Binding PlacementTarget.Tag.AssetDeleteCommand , RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContextMenu}}}" 
28                                              />
29                                </ContextMenu>
30                                <!--
31                                <ContextMenu>
32                                    <MenuItem Header="編集"
33                                              CommandParameter="{Binding }" 
34                                              Command="{Binding PlacementTarget.Tag.AssetEditCommand , RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContextMenu}}}" 
35                                              />
36                                </ContextMenu>
37                                -->
38                            </StackPanel.ContextMenu>
39                        </StackPanel>
40
41                    </ContentControl>
42                </DataTemplate>
43            </ListBox.ItemTemplate>
44        </ListBox>
45    </Grid>
46</UserControl>
47

上記コードだとListBoxのアイテムを右クリックすると削除項目のみのコンテキストメニューが表示します。

しかしながらこの削除項目が場合によっては編集項目となったり、
「編集」「削除」「開く」が選択できるコンテキストメニューになったりと場合によってコンテキストメニューが変わります

具体的にやりたいコード

最終的にはユーザーコントロールの使用元から下記のように
コンテキストメニューを変更したいです。

MainWindow.xaml

xaml
1<Window x:Class="WpfUserControlTest.View.MainWindow"
2        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6        xmlns:local="clr-namespace:WpfUserControlTest.View"
7        mc:Ignorable="d"
8        DataContext="{Binding MainWindow, Source={StaticResource Locator}}"
9        Title="MainWindow" Height="450" Width="800">
10    <Grid>
11        <Grid.ColumnDefinitions>
12            <ColumnDefinition Width="*" />
13            <ColumnDefinition Width="*" />
14        </Grid.ColumnDefinitions>
15
16        <local:CustomListBox Grid.Column="0" Background="AliceBlue" DataContext="{Binding CustomListVM, Source={StaticResource Locator}}" >
17             <!-- このようにコンテキストメニューを下記のように指定したい -->
18            <ContextMenu>
19                <MenuItem Header="削除"
20                    CommandParameter="{Binding }" 
21                    Command="{Binding PlacementTarget.Tag.AssetDeleteCommand , RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContextMenu}}}" />
22            </ContextMenu>
23        </local:CustomListBox>
24    </Grid>
25</Window>

上記のような方法以外でもユーザーコントロール外からユーザーコントロール内部のコンテキストメニューの変更方法等ご存知であればご教示の程よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

メニューにデータをバインドし、メニュー自体を編集するのではなく、データを編集してください。

MenuItemをバインド /WPF

投稿2018/12/05 07:56

Zuishin

総合スコア28660

mt-

2018/12/05 10:16

ご回答ありがとうございます。すみませんリンク先の内容を見てみたのですが、具体的にどのようにすればContextMenuのMenu内容が増やせるのかわかりませんでした。恐らく「ContextMenu」に対してコレクションをバインドし、コレクション内の要素のMenuItemとして表示できるという解釈をしたのですが、具体的にどのようにすればよいかリンク先のコードから判断がつきませんでした。。。実際に下記は試してみましたがうまくいかずといったところです。 [試してみたこと] 上記質問に記載したCustomListBox.xamlのCustomListBoxのコンテキストメニューに対して下記のように設定してみました。・ContextMenuのDataContextに　DataContext="{Binding PlacementTarget.Tag.List , RelativeSource={RelativeSource Self}}" 　という仮のリストを設定(中身はTitleとDataという文字列型のプロパティをもったインスタンスのコレクションで内容は{"Title1" , "Data1" } , {"Title2" , "Data2"})が入っています。これでコンテキストメニューのメニューの表記がListのコレクション内容である2行になるのかと思ったのですが、MenuItemは1つのままでした。もう少し詳細な方法があればご教示いただけますと幸いです。 ※メニューアイテムのヘッダーは下記のように設定したところ、　無事コレクションの1件目のタイトルである "Title1"が表示できました。　<MenuItem Header="{Binding Title}"

Zuishin

2018/12/05 10:24

サンプルの通り ItemsSource を使わなければなりませんよ。

mt-

2018/12/05 12:00

速いレスポンスで回答していただきありがとうございます。頂いた情報から下記のようにXamlを設定することで解決できました。 <ContextMenu ItemsSource="{Binding PlacementTarget.Tag.List , RelativeSource={RelativeSource Self}}" x:Name="_Menu" > <ContextMenu.ItemContainerStyle> <Style TargetType="{x:Type MenuItem}"> <Setter Property="Header" Value="{Binding Title}" /> </Style> </ContextMenu.ItemContainerStyle> </ContextMenu> 後は上記対してコマンドやコマンドパラメータを設定していこうと思います。本当にありがとうございました。

行動規範の内容に同意します