web-dev-qa-db-ja.com

ContextMenuのMenuItemからのElementNameバインディング

MenuItemオブジェクト内に含まれるContextMenuオブジェクトに対してElementNameのバインディングが正しく解決されないことに他の誰かが気づいていますか?このサンプルをご覧ください。

<Window x:Class="EmptyWPF.Window1"
    xmlns="http://schemas.Microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.Microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300"
    x:Name="window">
    <Grid x:Name="grid" Background="Wheat">
        <Grid.ContextMenu>
            <ContextMenu x:Name="menu">
                <MenuItem x:Name="menuItem" Header="Window" Tag="{Binding ElementName=window}" Click="MenuItem_Click"/>
                <MenuItem Header="Grid" Tag="{Binding ElementName=grid}" Click="MenuItem_Click"/>
                <MenuItem Header="Menu" Tag="{Binding ElementName=menu}" Click="MenuItem_Click"/>
                <MenuItem Header="Menu Item" Tag="{Binding ElementName=menuItem}" Click="MenuItem_Click"/>
            </ContextMenu>
        </Grid.ContextMenu>
        <Button Content="Menu" 
                HorizontalAlignment="Center" VerticalAlignment="Center" 
                Click="MenuItem_Click" Tag="{Binding ElementName=menu}"/>
        <Menu HorizontalAlignment="Center" VerticalAlignment="Bottom">
            <MenuItem x:Name="anotherMenuItem" Header="Window" Tag="{Binding ElementName=window}" Click="MenuItem_Click"/>
            <MenuItem Header="Grid" Tag="{Binding ElementName=grid}" Click="MenuItem_Click"/>
            <MenuItem Header="Menu" Tag="{Binding ElementName=menu}" Click="MenuItem_Click"/>
            <MenuItem Header="Menu Item" Tag="{Binding ElementName=anotherMenuItem}" Click="MenuItem_Click"/>
        </Menu>
    </Grid>
</Window>

ContextMenuに含まれるバインディングを除いて、すべてのバインディングは優れた機能を発揮します。実行時にエラーを出力ウィンドウに出力します。

回避策を知っている人はいますか?何が起きてる?

65
Josh G

もっと簡単な解決策を見つけました。

UserControlのコードビハインド:

NameScope.SetNameScope(contextMenu, NameScope.GetNameScope(this));
53
Josh G

他の人が言ったように、「ContextMenu」はビジュアルツリーに含まれておらず、「ElementName」バインディングは機能しません。コンテキストメニューが「DataTemplate」で定義されていない場合にのみ、受け入れられた回答によって提案されたコンテキストメニューの「NameScope」の設定が機能します。 {x:Reference} Markup-Extension を使用してこれを解決しました。これは 'ElementName'バインディングに似ていますが、ビジュアルツリーをバイパスしてバインディングを異なる方法で解決します。これは「PlacementTarget」を使用するよりもはるかに読みやすいと思います。以下に例を示します。

<Image Source="{Binding Image}">       
    <Image.ContextMenu>
        <ContextMenu>
            <MenuItem Header="Delete" 
                      Command="{Binding Source={x:Reference Name=Root}, Path=DataContext.RemoveImage}"
                      CommandParameter="{Binding}" />
        </ContextMenu>
    </Image.ContextMenu>
</Image>

MSDNドキュメントによると

x:Referenceは、XAML 2009で定義されたコンストラクトです。WPFでは、XAML 2009機能を使用できますが、WPFマークアップコンパイルされていないXAMLのみです。マークアップでコンパイルされたXAMLとXAMLのBAML形式は、現在XAML 2009言語のキーワードと機能をサポートしていません。

それが意味するものは何でも...しかし私のために働く。

22
Marc

もう1つのxamlのみの回避策があります。 (これは、DataContextの中にあるものが欲しいと仮定します、例えば、あなたはMVVMingそれです)

オプション1、ContextMenuの親要素がDataTemplate

Command="{Binding PlacementTarget.DataContext.MyCommand, 
         RelativeSource={RelativeSource AncestorType=ContextMenu}}"

これは、OPの質問に対して有効です。 DataTemplateの内部にいる場合、これは機能しません。これらの場合、DataContextは多くの場合コレクション内の多くの1つであり、ICommandバインドするのは、同じViewModel内のコレクションの兄弟プロパティです(たとえば、WindowのDataContext)。

このような場合、 Tag を利用して、親を一時的に保持することができますコレクションとICommandの両方を含むDataContext

class ViewModel
{
    public ObservableCollection<Derp> Derps { get;set;}
    public ICommand DeleteDerp {get; set;}
} 

そして、xaml

<!-- ItemsSource binds to Derps in the DataContext -->
<StackPanel
    Tag="{Binding DataContext, ElementName=root}">
    <StackPanel.ContextMenu>
        <ContextMenu>
            <MenuItem
                Header="Derp"                       
                Command="{Binding PlacementTarget.Tag.DeleteDerp, 
                RelativeSource={RelativeSource 
                                    AncestorType=ContextMenu}}"
                CommandParameter="{Binding PlacementTarget.DataContext, 
                RelativeSource={RelativeSource AncestorType=ContextMenu}}">
            </MenuItem>
19
Will

コンテキストメニューをバインドするのは難しいです。コントロールのビジュアルツリーの外側に存在するため、要素名を見つけることができません。

コンテキストメニューのデータコンテキストを配置ターゲットに設定してみてください。 RelativeSourceを使用する必要があります。

<ContextMenu 
   DataContext="{Binding PlacementTarget, RelativeSource={RelativeSource Self}}"> ...
5
Josh

少し実験した後、私は1つの回避策を発見しました:

トップレベルWindow/UserControlINameScopeを実装させ、NameScopeContextMenuをトップレベルコントロールに設定します。

public class Window1 : Window, INameScope
{
    public Window1()
    {
        InitializeComponent();
        NameScope.SetNameScope(contextMenu, this);
    }

    // Event handlers and etc...

    // Implement INameScope similar to this:
    #region INameScope Members

    Dictionary<string, object> items = new Dictionary<string, object>();

    object INameScope.FindName(string name)
    {
        return items[name];
    }

    void INameScope.RegisterName(string name, object scopedElement)
    {
        items.Add(name, scopedElement);
    }

    void INameScope.UnregisterName(string name)
    {
        items.Remove(name);
    }

    #endregion
}

これにより、コンテキストメニューでWindow内の名前付きアイテムを検索できます。他のオプションはありますか?

4
Josh G

既に処理しているマウスクリックのイベントハンドラー内の1行のコードを回避するために、なぜマジックトリックに頼るのかわかりません。

    private void MenuItem_Click(object sender, System.Windows.RoutedEventArgs e)
    {
        // this would be your tag - whatever control can be put as string intot he tag
        UIElement Elm = Window.GetWindow(sender as MenuItem).FindName("whatever control") as UIElement;
    }
1
Marino Šimić