MVVM Treeview點擊節點

我正在使用一個已有的MVVM項目，直到現在我都做得很好。我有一個treeView代碼，我想按下時釋放節點。換句話說，今天如果我點擊任何節點，它不能再選擇（直到你點擊另一個節點）。我希望能夠根據需要多次點擊同一個節點。如果我雙擊節點，我有「IsExpended」屬性，它會轉到此代碼部分。我看不出哪裏是雙擊綁定，只需一次點擊綁定...MVVM Treeview點擊節點

這裏的XAML

<UserControl x:Class="Envitech.Setup.Presentation.Views.TreeViewViews.StationTree" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:behaviour="clr-namespace:Envitech.Setup.Presentation.Extensions;assembly=Envitech.Setup.Presentation" xmlns:nodes="clr-namespace:Envitech.Setup.Presentation.ViewModels.TreeViewViewModels.Nodes" mc:Ignorable="d" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" d:DesignHeight="226" d:DesignWidth="227" xmlns:ml="clr-namespace:Envitech.Setup.Presentation.ml_resources"> 
    <TreeView Margin="10 0 10 20" ItemsSource="{Binding Path=Root.Children}" VirtualizingStackPanel.IsVirtualizing="True" VirtualizingStackPanel.VirtualizationMode="Recycling"> 


    <TreeView.ItemContainerStyle> 
     <Style TargetType="{x:Type TreeViewItem}"> 
      <Setter Property="IsSelected" Value="{Binding Path=IsSelected, Mode=TwoWay}"/> 
      <Setter Property="IsExpanded" Value="{Binding Path=IsExpanded, Mode=TwoWay}" /> 
     </Style> 
    </TreeView.ItemContainerStyle> 
    <TreeView.Resources> 
     <Style TargetType="{x:Type TreeViewItem}"> 
      <Setter Property="Background" Value="Transparent" /> 
      <Setter Property="HorizontalContentAlignment" Value="{Binding Path=HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" /> 
      <Setter Property="VerticalContentAlignment" Value="{Binding Path=VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" /> 
      <Setter Property="Padding" Value="1,0,0,0" /> 
      <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" /> 
      <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" /> 
      <Setter Property="behaviour:TreeViewItemBehavior.IsBroughtIntoViewWhenSelected" Value="True" /> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="{x:Type TreeViewItem}"> 
         <Grid> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition MinWidth="19" Width="Auto" /> 
           <ColumnDefinition Width="Auto" /> 
           <ColumnDefinition Width="*" /> 
          </Grid.ColumnDefinitions> 
          <Grid.RowDefinitions> 
           <RowDefinition Height="Auto" /> 
           <RowDefinition /> 
          </Grid.RowDefinitions> 
          <ToggleButton x:Name="Expander" IsChecked="{Binding Path=IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" ClickMode="Press" /> 
          <Border Grid.Column="1" x:Name="Selection_Border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}"> 
           <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" x:Name="PART_Header" ContentSource="Header" /> 
          </Border> 
          <ItemsPresenter Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="1" x:Name="ItemsHost" /> 
         </Grid> 
         <ControlTemplate.Triggers> 
          <Trigger Property="IsExpanded" Value="false"> 
           <Setter Property="Visibility" Value="Collapsed" TargetName="ItemsHost" /> 
          </Trigger> 
          <Trigger Property="HasItems" Value="false"> 
           <Setter Property="Visibility" Value="Hidden" TargetName="Expander" /> 
          </Trigger> 
          <Trigger Property="IsSelected" Value="true"> 
           <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" TargetName="Selection_Border" /> 
           <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}" /> 
          </Trigger> 
          <MultiTrigger> 
           <MultiTrigger.Conditions> 
            <Condition Property="IsSelected" Value="true" /> 
            <Condition Property="IsSelectionActive" Value="false" /> 
           </MultiTrigger.Conditions> 
           <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" TargetName="Selection_Border" /> 
           <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}" /> 
          </MultiTrigger> 
          <Trigger Property="IsEnabled" Value="false"> 
           <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" /> 
          </Trigger> 
         </ControlTemplate.Triggers> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
     <!-- Style for the ToggleButton control used to expand/collapse a TreeViewItem control --> 
     <Style TargetType="{x:Type ToggleButton}"> 
      <Setter Property="Focusable" Value="False" /> 
      <Setter Property="Width" Value="19" /> 
      <Setter Property="Height" Value="13" /> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="{x:Type ToggleButton}"> 
         <Border Width="19" Height="13" Background="#00FFFFFF" x:Name="Border"> 
          <Border Width="9" Height="9" x:Name="Border1" SnapsToDevicePixels="True" BorderBrush="#FF9495A2" BorderThickness="1,1,1,1" CornerRadius="1,1,1,1"> 
           <Border.Background> 
            <LinearGradientBrush StartPoint="0,0" EndPoint="1,1"> 
             <GradientStop Color="#FFFFFFFF" Offset="0.4" /> 
             <GradientStop Color="#FFC6CEDA" Offset="1" /> 
            </LinearGradientBrush> 
           </Border.Background> 
           <Path Fill="#FF000000" Margin="1,1,1,1" x:Name="ExpandPath" Data="M0,2L0,3 2,3 2,5 3,5 3,3 5,3 5,2 3,2 3,0 2,0 2,2z" /> 
          </Border> 
         </Border> 
         <ControlTemplate.Triggers> 
          <Trigger Property="IsChecked" Value="True"> 
           <Setter Property="Data" Value="M0,2L0,3 5,3 5,2z" TargetName="ExpandPath" /> 
          </Trigger> 
         </ControlTemplate.Triggers> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
     <DataTemplate DataType="{x:Type nodes:MonitorNode}"> 
      <StackPanel Orientation="Horizontal" Margin="0 2 0 0"> 
       <Image Source="{Binding ImageSource}" Width="16" Height="16" Margin="0 0 3 0" /> 
       <TextBlock Text="{x:Static ml:MultiLang._157}" x:Name="ML_0048" /> 
       <TextBlock Text="{Binding ID}" /> 
       <TextBlock Text="{x:Static ml:MultiLang._158}" x:Name="ML_0050" /> 
       <TextBlock Text="{Binding Name}" /> 
      </StackPanel> 
     </DataTemplate> 
     <HierarchicalDataTemplate DataType="{x:Type nodes:StationNode}" ItemsSource="{Binding Children}"> 
      <StackPanel Orientation="Horizontal" Margin="0 2 0 0"> 
       <StackPanel.ContextMenu> 
        <ContextMenu HasDropShadow="True"> 
         <MenuItem Header="{x:Static ml:MultiLang._160}" Command="{Binding CopyMonitorsCommand}" x:Name="ML_0055" /> 
         <MenuItem Header="{x:Static ml:MultiLang._159}" Command="{Binding PasteMonitorsCommand}" x:Name="ML_0056" /> 
         <MenuItem Header="{x:Static ml:MultiLang._162}" Command="{Binding CopyStationsCommand}" x:Name="ML_0057" /> 
         <MenuItem Header="{x:Static ml:MultiLang._161}" Command="{Binding PasteStationsCommand}" x:Name="ML_0058" /> 
        </ContextMenu> 
       </StackPanel.ContextMenu> 
       <Image Source="{Binding ImageSource}" Width="16" Height="16" Margin="0 0 3 0" /> 
       <TextBlock Text="{x:Static ml:MultiLang._157}" x:Name="ML_0060" /> 
       <TextBlock Text="{Binding ID}" /> 
       <TextBlock Text="{x:Static ml:MultiLang._158}" x:Name="ML_0062" /> 
       <TextBlock Text="{Binding Name}" /> 
      </StackPanel> 
     </HierarchicalDataTemplate> 
     <HierarchicalDataTemplate DataType="{x:Type nodes:FilteringNode}" ItemsSource="{Binding Children}"> 
      <StackPanel Orientation="Horizontal" Margin="0 2 0 0"> 
       <Image Source="{Binding ImageSource}" Width="16" Height="16" Margin="0 0 3 0" /> 
       <TextBlock Text="{Binding Name}" /> 
      </StackPanel> 
     </HierarchicalDataTemplate> 
    </TreeView.Resources> 
    </TreeView> 
</UserControl>

謝謝

來源

2013-07-15 Shlomi.K

當你雙擊一個樹視圖項，它會擴大。展開後，您的IsExpanded屬性將由於綁定而發生更改。單擊當前未選中的內容將會更改您的IsSelected屬性。但是，再次單擊它（不是雙擊）將不會更改IsSelected屬性。看起來你想要做的就是添加一個'Click'事件處理程序。這樣，每次點擊時，您都會收到通知，而不僅僅是在第一次點擊時選擇其他內容。

要完成此操作，請將'MouseDoubleClick'事件添加到您的TreeViewItem樣式中。如果你想有一個單一的點擊，只是做了同爲「的MouseDown」事件：

<Style TargetType="{x:Type TreeViewItem}"> 
    <Setter Property="IsSelected" Value="{Binding Path=IsSelected, Mode=TwoWay}"/> 
    <Setter Property="IsExpanded" Value="{Binding Path=IsExpanded, Mode=TwoWay}" /> 
    <EventSetter Event="MouseDoubleClick" Handler="DoubleClickedItem"/> 
</Style>

一旦你的XAML中它上面的代碼中，右鍵點擊單詞「DoubleClickedItem」你的鼠標，選擇「NavigateToHandler '選項，Visual Studio將在您的代碼中爲您生成一個方法存根。然後，您可以在那裏實現雙擊行爲。

來源

2013-07-15 14:18:50 Curtis

非常感謝柯蒂斯。你是完全正確的，但我該怎麼做？我尋找雙擊處理，並找不到它。如果我將看到它，我會知道如何做單擊... –

我已經添加了一個代碼示例到我原來的答案，以處理樹視圖項目上的雙擊事件。 – Curtis

謝謝柯蒂斯。它不適合我。你能告訴我在我的xaml文件中的雙擊事件或選定的項目事件嗎？我不明白是什麼使它工作... –

這個答案解釋瞭如何使用Interactivity擴展來完全保留MVVM。

WPF RightClick MouseBinding on release?

我已經無法使用MouseLeftButtonDown事件，但在的MouseLeftButtonUp我的情況下工作（在已選定的樹型視圖點擊的通知）。

我是猜測 MouseLeftButtonDown是事件樹中較早處理的，所以我們永遠不會看到它。

來源

2015-11-21 09:28:47 Oliver

MVVM Treeview點擊節點

回答

相關問題