将集合绑定到 ContextMenu 子菜单

Question

我在做一些看起来很容易但实际上并不容易的事情时遇到了麻烦。

我有一个 ListView，我在其中绑定了一个 ObservableCollection，我希望在右键单击该 ListView 的一个元素时出现一个 ContextMenu。

在那个 ContextMenu 中，我想要一个显示“添加到播放列表”的 MenuItem，其中包含我所有播放列表的列表。

所以我这样做了，这对我来说是正确的：

<ListView Grid.Row="0" Grid.Column="1" x:Name="ListBoxSelectedFolder" ItemsSource="{Binding Path=SelectedFolder.PlayableElements}">
      <ListView.Resources>
        <ContextMenu x:Key="ContextMenu">
          <MenuItem Header="Add to" ItemsSource="{Binding Path=Playlists}">
            <MenuItem Header="{Binding Name}"/>
          </MenuItem>
          <MenuItem Header="Remove from All" />
        </ContextMenu>
      <Style TargetType="{x:Type ListViewItem}">
         <Setter Property="ContextMenu" Value="{StaticResource ContextMenu}"/>
    </Style>
      </ListView.Resources>
      <ListView.View>
        <GridView>
            <GridViewColumn Header="Type" DisplayMemberBinding="{Binding Extension}" />
            <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" />
        </GridView>
    </ListView.View>
</ListView>

问题是我在子菜单中唯一得到的是我单击的项目的名称：不知何故，它与 ListView 的集合 SelectedFolder.PlayableElements 绑定，因为 SelectedFolder.PlayableElements 和播放列表都有一个名称财产。

所以这两个绑定之间存在某种冲突，我不知道如何解决它。

提前感谢您的回复。

Answer 1

ContextMenu 与可视树分离，因此在其范围内与ElementName 或RelativeSource 绑定是不可能的以正常方式。您需要一些代理技术来桥接切割。这里我们有Freezable 元素，它可以继承数据上下文，并且即使在这种情况下也可以轻松地绑定到可视化树。为方便起见，我们应该使用DiscreteObjectKeyFrame，因为它的值可以接受各种对象。如果您关心名称，则可以定义自己的自定义 Freezable 对象。

<ListView Grid.Row="0" Grid.Column="1" x:Name="ListBoxSelectedFolder" ItemsSource="{Binding Path=SelectedFolder.PlayableElements}">
  <ListView.Resources>
    <DiscreteObjectKeyFrame x:Key="proxy" Value="{Binding Playlists, RelativeSource={RelativeSource AncestorType=Window}}"/>
    <ContextMenu x:Key="ContextMenu">
      <MenuItem Header="Add to" ItemsSource="{Binding Value, Source={StaticResource proxy}}">
         <MenuItem.ItemTemplate>
             <DataTemplate>
                 <TextBlock Text="{Binding Name}"/>
             </DataTemplate>
         </MenuItem.ItemTemplate>
      </MenuItem>
      <MenuItem Header="Remove from All" />
    </ContextMenu>
    <Style TargetType="{x:Type ListViewItem}">
     <Setter Property="ContextMenu" Value="{StaticResource ContextMenu}"/>
    </Style>
  </ListView.Resources>
  <!-- ... -->
</ListView>

编辑 - 这是为了帮助您了解如何混合播放列表和 SelectedFolder 中的信息：

<ListView Grid.Row="0" Grid.Column="1" x:Name="ListBoxSelectedFolder" ItemsSource="{Binding Path=SelectedFolder.PlayableElements}">
  <ListView.Resources>
    <DiscreteObjectKeyFrame x:Key="proxy" Value="{Binding RelativeSource={RelativeSource AncestorType=Window}}"/>
    <ContextMenu x:Key="ContextMenu" DataContext="{Binding Value, Source={StaticResource proxy}}">
      <MenuItem Header="Add to" ItemsSource="{Binding Playlists}">
         <MenuItem.ItemTemplate>
             <DataTemplate>                     
                 <TextBlock Text="{Binding Name}"/>        
             </DataTemplate>
         </MenuItem.ItemTemplate>
      </MenuItem>
      <MenuItem Header="Playable elements" ItemsSource="{Binding SelectedFolder.PlayableElements}"/>
      <MenuItem Header="Remove from All" />
    </ContextMenu>
    <Style TargetType="{x:Type ListViewItem}">
     <Setter Property="ContextMenu" Value="{StaticResource ContextMenu}"/>
    </Style>
  </ListView.Resources>
  <!-- ... -->
</ListView>

如您所见，添加的菜单项（在Remove from all 的正上方）将其ItemsSource 设置为SelectedFolder.PlayableElements。 ContextMenu 现在通过proxy 将其DataContext 设置为Window 实例。因此，在其范围内使用的所有绑定没有明确的 Source 和 RelativeSource 和 ElementName 设置将获得 DataContext 的解析源（您的窗口）。

Answer 2

使用您展示的代码，您刚刚将另一个菜单项绑定到 name 属性。我猜您正在寻找的是 MenuItem 的 ItemTemplate 属性。通过这种方式，您可以定义应为该菜单项的每个子项显示哪些数据。 检查下面的标记：

<ListView Grid.Row="0" Grid.Column="1" x:Name="ListBoxSelectedFolder" ItemsSource="{Binding Path=SelectedFolder.PlayableElements}">
          <ListView.Resources>
            <ContextMenu x:Key="ContextMenu">
              <MenuItem Header="Add to" ItemsSource="{Binding Path=Playlists}">
                 <MenuItem.ItemTemplate>
                    <DataTemplate>
                        <MenuItem Header="{Binding Path=Name}" />
                    </DataTemplate>
                 </MenuItem.ItemTemplate>
                <MenuItem Header="{Binding Name}"/>
              </MenuItem>
              <MenuItem Header="Remove from All" />
            </ContextMenu>
          <Style TargetType="{x:Type ListViewItem}">
             <Setter Property="ContextMenu" Value="{StaticResource ContextMenu}"/>
        </Style>
          </ListView.Resources>
          <ListView.View>
            <GridView>
                <GridViewColumn Header="Type" DisplayMemberBinding="{Binding Extension}" />
                <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" />
            </GridView>
        </ListView.View>
    </ListView>