TreeViewItem 上的键绑定

Question

我有一个典型的树视图和视图模型。视图模型具有其他视图模型的可观察集合，用作树的数据源。

public class TreeViewVM {
    public ObservableCollection<ItemVM> Items { get; private set; }
    public ItemVM SelectedItem { get; set; }
}

ItemVM：

public class ItemVM {
    public string Name { get; set; }
    public ImageSource Image { get; private set; }
    public ObservableCollection<ItemVM> Children { get; private set; }
    public ICommand Rename { get; private set; }
}

视图：

<TreeView Selecteditem="{Binding SelectedItem}" ItemsSource="{Binding Items}">
    <TreeView.ItemTemplate>
         <HierarchicalDataTemplate>
             <StackPanel Orientation="Horizontal">
                 <StackPanel.InputBindings>
                     <KeyBinding Key="F2" Command="{Binding Rename}"/>
                 </StackPanel.InputBindings>
                 <Image Source="{Binding Image}"/>
                 <TextBlock Text="{Binding Name}"/>
         </HierarchicalDataTemplate>
      </TreeView.ItemTemplate>
  </TreeView>

但是，无论我尝试什么，只要它位于 HierarchicalDataTemplate“内部”，我的命令都不会被调用。

如果我将 TreeView.InputBindings 中的 KeyBinding（以及 ICommand / RelayCommand 从 ItemVM 移动到 TreeViewVM），一切都很好，命令将被调用。

但我希望在 ItemVM 上使用该命令（因为这是有意义的）。有什么想法吗？

Answer 1

需要在 TreeViewItem 上定义键绑定，因为它是具有焦点的元素。问题是您无法使用样式定义键绑定，而这正是您可能想要在此处执行的操作。

这里是一种使用自定义附加属性将项目添加到 InputBinding 的解决方法通过样式收集。因此，您需要使用类似的东西来定义您的样式，并将其分配给 TreeView.ItemContainerStyle。

Answer 2

但我希望在 ItemVM 上使用该命令（因为这是有意义的）。有什么想法吗？

如果 TreeViewVM 通过 SelectedItem 属性跟踪所选项目，您可以在 TreeView 上定义 InputBindings 并且仍然可以实现命令在 ItemVM 上：

<TreeView ItemsSource="{Binding Items}">
  <TreeView.InputBindings>
    <KeyBinding Key="F2" Command="{Binding SelectedItem.Rename}"/>
  </TreeView.InputBindings>
</TreeView>

请注意如何使用子属性语法 SelectedItem.Rename 将 ItemVM 用作绑定源。

不幸的是，绑定到 TreeView 上的所选项目有点乏味。您无法直接绑定到 SelectedItem （正如您的 XAML 似乎建议的那样），但存在 有多种方法可以克服此限制。

一种简单的方法是使用 Blend Interactivity：

<TreeView Name="treeView" ItemsSource="{Binding Items}">
  <i:Interaction.Triggers>
    <i:EventTrigger EventName="SelectedItemChanged">
      <i:InvokeCommandAction Command="{Binding SetSelectedItemCommand}" CommandParameter="{Binding SelectedItem, ElementName=treeView}" />
    </i:EventTrigger>
  </i:Interaction.Triggers>
</TreeView>

您必须实现 TreeViewVM 上的 SetSeletectedItemCommand，用于设置属性 SelectedItem。