TreeView的HierarchicalDataTemplate中的KeyBinding

Question

我有一個TreeView。我想通過點擊F2啓用EditLeafCommand。

型號：

public class Leaf 
{ 
    public string LeafName { get; set; } 
    public bool HasChildren { get; set; }   
} 

視圖模型窗口：

public MainWindowViewModel{ 

    public ReadOnlyCollection<LeafViewModel> Leafs 
    { 
     get { return leafs; } 
    } 
} 

視圖模型的TreeView的：

public class LeafViewModel : TreeViewItemViewModel 
{ 
    public ObservableCollection<TreeViewItemViewModel> Children 
    { 
     get { return _children; } 
    } 
    public string LeafName { get; set; } 
    public RelayCommand EditLeafCommand { get; set; }  

} 

XAML：

<TreeView ItemsSource="{Binding Leafs}">    
    <TreeView.InputBindings> 
     <KeyBinding Key="F2" Command="{Binding SelectedItem.EditLeafCommand, 
          diag:PresentationTraceSources.TraceLevel=High}"/> 
    </TreeView.InputBindings> 
    <TreeView.Resources> 
     <HierarchicalDataTemplate DataType="{x:Type vm:LeafViewModel}" 
            ItemsSource="{Binding Children}"> 
     <StackPanel Orientation="Horizontal">    
      <TextBox Text="{Binding LeafName}" IsReadOnly="{Binding IsReadOnlyItem}" 
      Tag="{Binding DataContext, RelativeSource={RelativeSource Self}}"> 
       <TextBox.ContextMenu> 
        <ContextMenu DataContext="{Binding PlacementTarget.Tag, RelativeSource={RelativeSource Self}}"> 
        <MenuItem Command="{Binding EditLeafCommand}" CommandParameter="{Binding ALeaf}" Header="Edit" /> 
        </ContextMenu> 
       </TextBox.ContextMenu> 
      </TextBox> 
     </StackPanel> 
     </HierarchicalDataTemplate> 
    </TreeView.Resources> 
</TreeView> 

和輸出窗口：

System.Windows.Data Warning: 56 : Created BindingExpression (hash=2683661) for Binding (hash=47044325)

System.Windows.Data Warning: 58 : Path: 'EditLeafCommand'

System.Windows.Data Warning: 60 : BindingExpression (hash=2683661): Default mode resolved to OneWay

System.Windows.Data Warning: 61 : BindingExpression (hash=2683661): Default update trigger resolved to PropertyChanged

System.Windows.Data Warning: 62 : BindingExpression (hash=2683661): Attach to System.Windows.Input.KeyBinding.Command (hash=29578451)

System.Windows.Data Warning: 64 : BindingExpression (hash=2683661): Use Framework mentor

System.Windows.Data Warning: 67 : BindingExpression (hash=2683661): Resolving source

System.Windows.Data Warning: 69 : BindingExpression (hash=2683661): Framework mentor not found

System.Windows.Data Warning: 65 : BindingExpression (hash=2683661): Resolve source deferred

System.Windows.Data Warning: 95 : BindingExpression (hash=2683661): Got InheritanceContextChanged event from KeyBinding (hash=29578451)

System.Windows.Data Warning: 67 : BindingExpression (hash=2683661): Resolving source

System.Windows.Data Warning: 70 : BindingExpression (hash=2683661): Found data context element: TreeView (hash=11903911) (OK)

System.Windows.Data Warning: 78 : BindingExpression (hash=2683661): Activate with root item MainWindowViewModel (hash=44115416)

System.Windows.Data Warning: 108 : BindingExpression (hash=2683661): At level 0 - for MainWindowViewModel.EditLeafCommand found accessor

System.Windows.Data Error: 40 : BindingExpression path error: 'EditLeafCommand' property not found on 'object' ''MainWindowViewModel' (HashCode=44115416)'. BindingExpression:Path=EditLeafCommand; DataItem='MainWindowViewModel' (HashCode=44115416); target element is 'KeyBinding' (HashCode=29578451); target property is 'Command' (type 'ICommand')

System.Windows.Data Warning: 80 : BindingExpression (hash=2683661): TransferValue - got raw value {DependencyProperty.UnsetValue}

System.Windows.Data Warning: 88 : BindingExpression (hash=2683661): TransferValue - using fallback/default value

System.Windows.Data Warning: 89 : BindingExpression (hash=2683661): TransferValue - using final value

我看到這個帖子和it is it is the same question，但接受的答案沒有任何代碼（我試圖去通過鏈接，然而，提供的方法並沒有幫助我）

錯誤說：

System.Windows.Data Error: 40 :BindingExpression path error: 'EditLeafCommand' property not found on 'object' ''MainWindowViewModel'

但我該如何指導EditLeadViewModel？

如何從LeafViewModel中調用EditLeafCommand併發送參數？

Answer 1

Andy ONeill has solved this problem.我真的很興奮，他的解決方案:)。我趕緊分享這個解決方案與您：

綁定到一個命令LeafViewModel：

<TreeView ItemsSource="{Binding Leafs}" Name="tv"> 
    <TreeView.Resources> 
     <HierarchicalDataTemplate DataType="{x:Type local:LeafViewModel}" 
             ItemsSource="{Binding Children}"> 
     <StackPanel Orientation="Horizontal"> 
      <Label VerticalAlignment="Center" FontFamily="WingDings" Content="1"/> 
       <TextBox Text="{Binding LeafName}" Tag="{Binding DataContext, 
        RelativeSource={RelativeSource Self}}" Background="Transparent"> 
        <TextBox.ContextMenu> 
        <ContextMenu DataContext="{Binding PlacementTarget.Tag, 
            RelativeSource={RelativeSource Self}}"> 
         <MenuItem Command="{Binding EditLeafCommand}" 
         CommandParameter="{Binding ALeaf}" Header="Edit" /> 
        </ContextMenu> 
        </TextBox.ContextMenu> 
       </TextBox> 
      </StackPanel> 
     </HierarchicalDataTemplate> 
     </TreeView.Resources> 
    <TreeView.InputBindings> 
    <KeyBinding Key="F2" Command="{Binding SelectedItem.EditLeafCommand, ElementName=tv}"/> 
    </TreeView.InputBindings> 
</TreeView> 

Answer 2

您的MainViewModel沒有SelectedItem屬性。您需要將此屬性添加到您的視圖模型，並確保INotifyPropertyChanged.PropertyChanged事件在該屬性更改時被觸發。

只要樹視圖的選定項目更改，您也需要更新此屬性。有很多種方法可以做到這一點。一種方法是使用Nuget包System.Windows.Interactivity.WPF。你將不得不增加一個命名空間聲明：

xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 

然後，你的樹視圖的XAML元素中添加以下（我只顯示添加什麼 - 讓您的XAML的其餘TreeView元素完整內線）：

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

注意，TreeView元件有名稱（treeView），其在CommandParameter在InvokeCommandAction元件結合使用。

此外，請注意，您必須在MainViewModel上添加SetSelectedItemCommand。此命令應設置我在第一段中描述的SelectedItem屬性。下面是使用通用RelayCommand一些代碼片段：

class MainWindowViewModel { 

    TreeViewItemViewModel selectedItem; 

    public MainWindowViewModel() { 
    SetSelectedItemCommand = new RelayCommand<TreeViewItemViewModel>(SetSelectedItem); 
    } 

    public TreeViewItemViewModel SelectedItem { 
    get { return selectedItem; } 
    set { 
     selectedItem = value; 
     OnPropertyChanged(); 
    } 
    } 

    void SetSelectedItem(TreeViewItemViewModel viewModel) { 
    SelectedItem = viewModel; 
    } 

} 

這是爲了讓你的鑰匙結合SelectedItem.EditLeafCommand工作所需的基本的東西。但是，你有另一個問題。您的HierarchicalDataTemplate將樹節點定義爲TextBox。當你點擊一個TextBox沒有點擊被冒泡到TreeView並且選擇沒有改變。我的建議是，您使用每個樹節點的非交互式表示（例如TextBlock）。然後，當調用EditLeafCommand時，將頂部的TextBox放置在允許用戶編輯節點的位置。