将上下文菜单项与依赖属性绑定

Question

我有一个自定义画布（DesignerCanvas），用户可以向该画布添加一些控件。在添加任何控件画布之前，首先将其包装在自定义控件（设计器项）中，然后将该控件添加到画布。

这是按照此代码项目文章中完成的 -

WPF 图表设计器 - http://www.codeproject.com/KB/WPF/WPFDiagramDesigner_Part4.aspx

我为 DesignerCanvas 和 DesignerItem 添加了上下文菜单，其中有一个名为“Lock”的菜单项。我还在画布中添加了一个名为“IsLocked”的属性来锁定画布。

现在，在上下文菜单中，如果画布被锁定，我想显示一个复选标记，为此，我将 IsLocked 属性绑定到 MenuItem 的“IsChecked”属性。问题是它适用于 DesignerCanvas cantext 菜单，但不适用于 DesignerItems 上下文菜单。

DesignerCanvas ContextMenu 代码，这工作正常 -

<!-- Context menu for DesignerCanvas -->
<ContextMenu x:Key="DesignerCanvasContextMenu">
  <!-- Other menu items -->
  <MenuItem IsCheckable="True" Header="Lock"
    IsChecked="{Binding Path=IsLocked, Mode=TwoWay,
     RelativeSource={RelativeSource AncestorType={x:Type locl:DesignerCanvas}}}"
    Command="{x:Static local:DesignerCanvas.LockUnLock}"
    CommandParameter="{Binding RelativeSource={RelativeSource Self}, 
     Path=IsChecked}"
    CommandTarget="{Binding Path=PlacementTarget,
     RelativeSource={RelativeSource AncestorType={x:Type ContextMenu}}}">
  </MenuItem>
</ContextMenu>

也需要为 DesignerItem 菜单实现相同的行为。我尝试这样做，但它不起作用 -

<!-- Context menu for DesignerItem -->
<ContextMenu x:Key="DesignerItemContextMenu">
  <!-- Other menu items -->
  <MenuItem IsCheckable="True" Header="Lock"
    IsChecked="{Binding Path=Parent.IsLocked, Mode=TwoWay,
      RelativeSource={RelativeSource AncestorType={x:Type locl:DesignerItem}}}"
    Command="{x:Static local:DesignerCanvas.LockUnLock}"
    CommandParameter="{Binding RelativeSource={RelativeSource Self}, 
     Path=IsChecked}"
    CommandTarget="{Binding Path=PlacementTarget,
     RelativeSource={RelativeSource AncestorType={x:Type ContextMenu}}}">
  </MenuItem>
</ContextMenu>

我也尝试使用 PlacementTarget 这样做，但没有成功。由于 DesignerItem 是 DesignerCanvas 的子项，因此应该不可能获取 DesignerCanvas 及其属性。我做错了什么，有什么想法吗？

更新：

我将上下文菜单附加到 DesignerCanvas 和 Designer Item，如下所示 -

<!-- DesignerItem || Style -->
<Style TargetType="{x:Type locl:DesignerItem}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type local:DesignerItem}">
        <Grid x:Name="PART_Grid" Cursor="SizeAll"
          DataContext="{Binding RelativeSource={RelativeSource TemplatedParent} 
,Path=.}"
          ContextMenu="{StaticResource DesignerItemContextMenu}">

          <!-- other template parts -->

        </Grid>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>


<!-- DesignerCanvas || Style -->
<Style
    TargetType="{x:Type locl:DesignerCanvas}">
    <Setter
        Property="ContextMenu"
        Value="{StaticResource DesignerCanvasContextMenu}" />
</Style>

Answer 1

只是一个快速猜测：

您是否尝试过以与画布相同的方式在 DesignerItem 上设置上下文菜单？像这样：

<Style TargetType="{x:Type locl:DesignerItem}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type local:DesignerItem}">
        <Grid x:Name="PART_Grid" Cursor="SizeAll"
          DataContext="{Binding RelativeSource={RelativeSource TemplatedParent} 
,Path=.}">

          <!-- other template parts -->

        </Grid>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
  <Setter
    Property="ContextMenu"
    Value="{StaticResource DesignerItemContextMenu}" />
</Style>

除此之外，我真的建议您在您的应用程序上启动 Snoop 并在以下位置查找绑定错误你的上下文菜单