KeyBinding on a TreeViewItem
But I would like to have the command on the ItemVM (as it is where it makes sense). Any ideas?
If TreeViewVM
tracks the selected item through the SelectedItem
property you can define InputBindings
on TreeView
and still have the commands implemented on the ItemVM
:
<TreeView ItemsSource="{Binding Items}">
<TreeView.InputBindings>
<KeyBinding Key="F2" Command="{Binding SelectedItem.Rename}"/>
</TreeView.InputBindings>
</TreeView>
Notice how the subproperty syntax SelectedItem.Rename
is employed to use the ItemVM
as the source of the binding.
Unfortunately, it is slightly tedious to bind to the selected item on a TreeView
. You cannot bind directly to SelectedItem
(as your XAML seems to suggest) but there exist various methods to overcome this limitation.
One simple method is to use 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>
You will have to implement a SetSeletectedItemCommand
on TreeViewVM
that sets the property SelectedItem
.
The key binding would need to be defined on the TreeViewItem, as that is the element with the focus. The problem is you cannot define key bindings using a Style, which is what you'd probably want to do here.
Here is one workaround that uses a custom attached property to add items to the InputBinding collection via a Style. So you'd want to use something like that to define your Style, which you'd assign to TreeView.ItemContainerStyle.