Блог

Мне интересно, как я могу привязать MenuItem.Заголовок к родительскому свойству зависимости Window / UserControl? Вот простой пример:

Window1.xaml:

 <Window x:Class="WpfApplication1.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="self">
    <Grid>
        <Grid.ContextMenu>
            <ContextMenu>
                <MenuItem Header="{Binding Path=MenuText, ElementName=self}" />
            </ContextMenu>
        </Grid.ContextMenu>
        <TextBlock Text="{Binding Path=MenuText, ElementName=self}"/>
    </Grid>
</Window>
  

Window1.xaml.cs:

 public partial class Window1 : Window {
    public static readonly DependencyProperty MenuTextProperty = DependencyProperty.Register(
        "MenuText", typeof (string), typeof (Window1), new PropertyMetadata("Item 1"));

    public Window1()
    {
        InitializeComponent();
    }

    public string MenuText {
        get { return (string)this.GetValue(MenuTextProperty); }
        set { this.SetValue(MenuTextProperty, value); }
    }
}
  

В моем случае textblock отображает «Пункт 1», а контекстное меню отображает пустой элемент. Что я делаю не так? Мне кажется, что я столкнулся с серьезным неправильным пониманием принципов привязки данных WPF.

Вы должны увидеть это в окне вывода Visual Studio:

Система.Windows.Ошибка данных: 4: Не удается найти источник для привязки со ссылкой ‘ИмяэлемЕнта=self’. Выражение привязки:Path=MenuText; DataItem=null; целевой элемент — ‘MenuItem’ (Name=»); целевое свойство — ‘Header’ (тип ‘Object’)

Это связано с тем, что ContextMenu отключен от VisualTree, вам нужно выполнить эту привязку по-другому.

Один из способов — через ContextMenu.PlacementTarget (который должен быть Grid), вы могли бы использовать его DataContext для установления привязки, например:

 <MenuItem Header="{Binding RelativeSource={RelativeSource AncestorType=ContextMenu}, Path=PlacementTarget.DataContext.MenuText}"/>
  

или настроить DataContext в самом ContextMenu:

 <ContextMenu DataContext="{Binding RelativeSource={RelativeSource Self}, Path=PlacementTarget.DataContext}">
    <MenuItem Header="{Binding Path=MenuText}"/>
</ContextMenu>
  

Если это не вариант (поскольку DataContext сетки не может быть Window / UserControl), вы можете попробовать передать ссылку на Window / UserControl, например, через Tag вашей сетки.

 <Grid ...
      Tag="{x:Reference self}">
    <Grid.ContextMenu>
        <!-- The DataContext is now bound to PlacementTarget.Tag -->
        <ContextMenu DataContext="{Binding RelativeSource={RelativeSource Self}, Path=PlacementTarget.Tag}">
            <MenuItem Header="{Binding Path=MenuText}"/>
        </ContextMenu>
    ...
  

В качестве дополнительного примечания: из-за такого поведения я склонен определять вспомогательный стиль в App.xaml , чтобы все ContextMenus «псевдо-наследовали» DataContext от своего родителя:

     <!-- Context Menu Helper -->
    <Style TargetType="{x:Type ContextMenu}">
        <Setter Property="DataContext" Value="{Binding PlacementTarget.DataContext, RelativeSource={RelativeSource Self}}"/>
    </Style>
  

Альтернативой решению H.B. является это прикрепленное поведение: ContextMenuServiceExtensions.Свойство DataContext, прикрепленное к DataContext