作为菜单使用的WPF treeview（MVVM样式）

Question

我有一个要求，其中菜单应该作为窗口左侧的树视图来实现。

我知道如何使用（菜单）数据（mvvm方式）填充树视图。

但是：我如何将树视图中的每个对象连接到ICommand（在Viewmodel中）？所以例如双击一个对象导致打开一个窗口？

在此先感谢

Answer 1

我觉得这个问题应该以另一种方式来解决，但......

• 你会对你的 视图模型作为属性的命令。
• 你从treeview和 treeview项派生。
• 你给树视图项的 命令属性，在 树视图itemContainerStyle（在XAML中 ）结合这 您的视图模型的命令
• 您覆盖预览鼠标 倒在树视图项调用 命令

这里是一个示例的TreeViewItem

public class EditableTreeViewItem : TreeViewItem { 

     public ICommand DoubleClickCommand { 
     get { return (ICommand)GetValue(DoubleClickCommandProperty); } 
     set { SetValue(DoubleClickCommandProperty, value); } 
     } 

     // Using a DependencyProperty as the backing store for DoubleClickCommand. This enables animation, styling, binding, etc... 
     public static readonly DependencyProperty DoubleClickCommandProperty = 
      DependencyProperty.Register("DoubleClickCommand", typeof(ICommand), typeof(EditableTreeView), new UIPropertyMetadata(null)); 



     protected override void OnPreviewMouseDoubleClick(MouseButtonEventArgs e) { 

     if (this.DoubleClickCommand!= null) { 
      this.DoubleClickCommand.Execute(this.DataContext); 
      e.Handled = true; 
     } 
     base.OnPreviewMouseDoubleClick(e); 
     } 

     protected override DependencyObject GetContainerForItemOverride() { 
     return new EditableTreeViewItem(); 
     } 

     protected override bool IsItemItsOwnContainerOverride(object item) { 
     return item is EditableTreeViewItem; 
     } 
} 

和树状图使用这个项目

public class EditableTreeView : TreeView { 

     //generate the tree view item 
     protected override DependencyObject GetContainerForItemOverride() { 
     EditableTreeViewItem item = new EditableTreeViewItem(); 
     return item; 
     } 

     protected override bool IsItemItsOwnContainerOverride(object item) { 
     return item is EditableTreeViewItem; 
     } 
} 

现在，正如一些聪明的人已经说过，你最好使用菜单和样式。现在，当你双击树形视图项目时，它会调用命令，而不是像它应该那样展开/折叠。

这是你将如何使用它在XAML

  <controls:EditableTreeViewMode=OneWayToSource}" 
      ItemsSource="{Binding Path=MyItemsSource}"> 
      <controls:EditableTreeView.ItemContainerStyle> 
       <!-- This Style binds a TreeViewItem to a the ViewModel. --> 
       <Style 
        TargetType="{x:Type controls:EditableTreeViewItem}"> 
        <Setter 
         Property="DoubleClickCommand" 
         Value="{Binding OpenNewWindowCommand}" /> 
       </Style> 
      </controls:EditableTreeView.ItemContainerStyle> 
      </controls:EditableTreeView>