Wählen Sie mit der rechten Maustaste TreeView Node aus, bevor Sie ContextMenu anzeigen

Ich möchte einen WPF TreeView-Knoten mit der rechten Maustaste auswählen, kurz bevor das ContextMenu angezeigt wird.

Für WinForms könnte ich Code wie diesen verwenden. Klicken Sie im Kontextmenü auf den Knoten Suchen. Welche WPF-Alternativen gibt es?

Abhängig von der Art und Weise, wie der Baum gefüllt wurde, können der Absender und die e.Source-Werte variieren .

Eine der möglichen Lösungen besteht darin, e.OriginalSource zu verwenden und TreeViewItem mithilfe von VisualTreeHelper zu finden:

private void OnPreviewMouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
    TreeViewItem treeViewItem = VisualUpwardSearch(e.OriginalSource as DependencyObject);

    if (treeViewItem != null)
    {
        treeViewItem.Focus();
        e.Handled = true;
    }
}

static TreeViewItem VisualUpwardSearch(DependencyObject source)
{
    while (source != null && !(source is TreeViewItem))
        source = VisualTreeHelper.GetParent(source);

    return source as TreeViewItem;
}

Wenn Sie eine Nur-XAML-Lösung wünschen, können Sie Blend Interactivity verwenden.

Angenommen, die TreeViewDaten sind an eine hierarchische Sammlung von Ansichtsmodellen mit einer BooleanEigenschaft IsSelectedund einer StringEigenschaft Namesowie eine Sammlung von benannten untergeordneten Elementen gebunden Children.

<TreeView ItemsSource="{Binding Items}">
  <TreeView.ItemContainerStyle>
    <Style TargetType="TreeViewItem">
      <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}"/>
    </Style>
  </TreeView.ItemContainerStyle>
  <TreeView.ItemTemplate>
    <HierarchicalDataTemplate ItemsSource="{Binding Children}">
      <TextBlock Text="{Binding Name}">
        <i:Interaction.Triggers>
          <i:EventTrigger EventName="PreviewMouseRightButtonDown">
            <ei:ChangePropertyAction PropertyName="IsSelected" Value="true" TargetObject="{Binding}"/>
          </i:EventTrigger>
        </i:Interaction.Triggers>
      </TextBlock>
    </HierarchicalDataTemplate>
  </TreeView.ItemTemplate>
</TreeView>

Es gibt zwei interessante Teile:

1. Die TreeViewItem.IsSelectedEigenschaft ist an die IsSelectedEigenschaft im Ansichtsmodell gebunden . Wenn Sie die IsSelectedEigenschaft im Ansichtsmodell auf true setzen, wird der entsprechende Knoten im Baum ausgewählt.

2. Bei PreviewMouseRightButtonDownBränden im visuellen Teil des Knotens (in diesem Beispiel a TextBlock) wird die IsSelectedEigenschaft im Ansichtsmodell auf true gesetzt. Zurück zu 1. Sie können sehen, dass der entsprechende Knoten, auf den im Baum geklickt wurde, zum ausgewählten Knoten wird.

Eine Möglichkeit, Blend Interactivity in Ihr Projekt aufzunehmen, ist die Verwendung des NuGet-Pakets Unofficial.Blend.Interactivity .

Verwenden von "item.Focus ();" scheint nicht 100% zu funktionieren, wenn "item.IsSelected = true;" tut.

Fügen Sie in XAML einen PreviewMouseRightButtonDown-Handler in XAML hinzu:

    <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}">
            <!-- We have to select the item which is right-clicked on -->
            <EventSetter Event="TreeViewItem.PreviewMouseRightButtonDown" Handler="TreeViewItem_PreviewMouseRightButtonDown"/>
        </Style>
    </TreeView.ItemContainerStyle>

Behandeln Sie das Ereignis dann folgendermaßen:

    private void TreeViewItem_PreviewMouseRightButtonDown( object sender, MouseEventArgs e )
    {
        TreeViewItem item = sender as TreeViewItem;
        if ( item != null )
        {
            item.Focus( );
            e.Handled = true;
        }
    }

Unter Verwendung der ursprünglichen Idee von alex2k8, des korrekten Umgangs mit nicht visuellen Elementen von Wieser Software Ltd, der XAML von Stefan, der IsSelected von Erlend und meinem Beitrag, die statische Methode wirklich generisch zu machen:

XAML:

<TreeView.ItemContainerStyle> 
    <Style TargetType="{x:Type TreeViewItem}"> 
        <!-- We have to select the item which is right-clicked on --> 
        <EventSetter Event="TreeViewItem.PreviewMouseRightButtonDown"
                     Handler="TreeViewItem_PreviewMouseRightButtonDown"/> 
    </Style> 
</TreeView.ItemContainerStyle>

C # -Code dahinter:

void TreeViewItem_PreviewMouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
    TreeViewItem treeViewItem = 
              VisualUpwardSearch<TreeViewItem>(e.OriginalSource as DependencyObject);

    if(treeViewItem != null)
    {
        treeViewItem.IsSelected = true;
        e.Handled = true;
    }
}

static T VisualUpwardSearch<T>(DependencyObject source) where T : DependencyObject
{
    DependencyObject returnVal = source;

    while(returnVal != null && !(returnVal is T))
    {
        DependencyObject tempReturnVal = null;
        if(returnVal is Visual || returnVal is Visual3D)
        {
            tempReturnVal = VisualTreeHelper.GetParent(returnVal);
        }
        if(tempReturnVal == null)
        {
            returnVal = LogicalTreeHelper.GetParent(returnVal);
        }
        else returnVal = tempReturnVal;
    }

    return returnVal as T;
}

Bearbeiten: Der vorherige Code hat in diesem Szenario immer einwandfrei funktioniert, aber in einem anderen Szenario hat VisualTreeHelper.GetParent null zurückgegeben, wenn LogicalTreeHelper einen Wert zurückgegeben hat.

Fast richtig , aber Sie müssen auf nicht visuelle Elemente im Baum achten (wie Runz. B. a).

static DependencyObject VisualUpwardSearch<T>(DependencyObject source) 
{
    while (source != null && source.GetType() != typeof(T))
    {
        if (source is Visual || source is Visual3D)
        {
            source = VisualTreeHelper.GetParent(source);
        }
        else
        {
            source = LogicalTreeHelper.GetParent(source);
        }
    }
    return source; 
}

Ich denke, die Registrierung eines Klassenhandlers sollte den Trick machen. Registrieren Sie einfach einen gerouteten Ereignishandler im PreviewMouseRightButtonDownEvent von TreeViewItem in Ihrer app.xaml.cs-Codedatei wie folgt:

/// <summary>
/// Interaction logic for App.xaml
/// </summary>
public partial class App : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
        EventManager.RegisterClassHandler(typeof(TreeViewItem), TreeViewItem.PreviewMouseRightButtonDownEvent, new RoutedEventHandler(TreeViewItem_PreviewMouseRightButtonDownEvent));

        base.OnStartup(e);
    }

    private void TreeViewItem_PreviewMouseRightButtonDownEvent(object sender, RoutedEventArgs e)
    {
        (sender as TreeViewItem).IsSelected = true;
    }
}

Eine andere Möglichkeit, das Problem mit MVVM zu lösen, ist der Befehl bind, mit der rechten Maustaste auf Ihr Ansichtsmodell zu klicken. Dort können Sie auch andere Logik angeben source.IsSelected = true. Dies wird nur xmlns:i="http://schemas.microsoft.com/expression/2010/intera‌​ctivity"von verwendet System.Windows.Interactivity.

XAML zur Ansicht:

<TreeView ItemsSource="{Binding Items}">
  <TreeView.ItemContainerStyle>
    <Style TargetType="TreeViewItem">
      <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}"/>
    </Style>
  </TreeView.ItemContainerStyle>
  <TreeView.ItemTemplate>
    <HierarchicalDataTemplate ItemsSource="{Binding Children}">
      <TextBlock Text="{Binding Name}">
        <i:Interaction.Triggers>
          <i:EventTrigger EventName="PreviewMouseRightButtonDown">
            <i:InvokeCommandAction Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.TreeViewItemRigthClickCommand}" CommandParameter="{Binding}" />
          </i:EventTrigger>
        </i:Interaction.Triggers>
      </TextBlock>
    </HierarchicalDataTemplate>
  </TreeView.ItemTemplate>
</TreeView>

Modell anzeigen:

    public ICommand TreeViewItemRigthClickCommand
    {
        get
        {
            if (_treeViewItemRigthClickCommand == null)
            {
                _treeViewItemRigthClickCommand = new RelayCommand<object>(TreeViewItemRigthClick);
            }
            return _treeViewItemRigthClickCommand;
        }
    }
    private RelayCommand<object> _treeViewItemRigthClickCommand;

    private void TreeViewItemRigthClick(object sourceItem)
    {
        if (sourceItem is Item)
        {
            (sourceItem as Item).IsSelected = true;
        }
    }

Ich hatte ein Problem mit der Auswahl von Kindern mit einer HierarchicalDataTemplate-Methode. Wenn ich das Kind eines Knotens auswählen würde, würde es irgendwie das Stammelternteil dieses Kindes auswählen. Ich fand heraus, dass das MouseRightButtonDown-Ereignis für jedes Level aufgerufen wird, in dem sich das Kind befindet. Zum Beispiel, wenn Sie einen Baum wie diesen haben:

Punkt 1
   - Kind 1
   - Kind 2
      - Unterpunkt1
      - Unterpunkt2

Wenn ich Subitem2 auswählen würde, würde das Ereignis dreimal ausgelöst und Element 1 würde ausgewählt. Ich habe dies mit einem booleschen und einem asynchronen Aufruf gelöst.

private bool isFirstTime = false;
    protected void TaskTreeView_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
    {
        var item = sender as TreeViewItem;
        if (item != null && isFirstTime == false)
        {
            item.Focus();
            isFirstTime = true;
            ResetRightClickAsync();
        }
    }

    private async void ResetRightClickAsync()
    {
        isFirstTime = await SetFirstTimeToFalse();
    }

    private async Task<bool> SetFirstTimeToFalse()
    {
        return await Task.Factory.StartNew(() => { Thread.Sleep(3000); return false; });
    }

Es fühlt sich etwas ungeschickt an, aber im Grunde habe ich den Booleschen Wert beim ersten Durchgang auf true gesetzt und ihn in wenigen Sekunden auf einen anderen Thread zurückgesetzt (in diesem Fall 3). Dies bedeutet, dass der nächste Durchgang, bei dem versucht wird, den Baum nach oben zu bewegen, übersprungen wird und Sie den richtigen Knoten ausgewählt haben. Es scheint soweit zu funktionieren :-)

Sie können es mit dem Ereignis "Mit der Maus nach unten" auswählen. Dadurch wird die Auswahl ausgelöst, bevor das Kontextmenü aktiviert wird.

Wenn Sie innerhalb des MVVM-Musters bleiben möchten, können Sie Folgendes tun:

Aussicht:

<TreeView x:Name="trvName" ItemsSource="{Binding RootElementListView}" Tag="{Binding ClickedTreeElement, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate DataType="{x:Type models:YourTreeElementClass}" ItemsSource="{Binding Path=Subreports}">
            <TextBlock Text="{Binding YourTreeElementDisplayProperty}" PreviewMouseRightButtonDown="TreeView_PreviewMouseRightButtonDown"/>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

Code dahinter:

private void TreeView_PreviewMouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
    if (sender is TextBlock tb && tb.DataContext is YourTreeElementClass te)
    {
        trvName.Tag = te;
    }
}

ViewModel:

private YourTreeElementClass _clickedTreeElement;

public YourTreeElementClass ClickedTreeElement
{
    get => _clickedTreeElement;
    set => SetProperty(ref _clickedTreeElement, value);
}

Jetzt können Sie entweder auf die Änderung der ClickedTreeElement-Eigenschaft reagieren oder einen Befehl verwenden, der intern mit dem ClickedTreeElement funktioniert.

Erweiterte Ansicht:

<UserControl ...
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity">
    <TreeView x:Name="trvName" ItemsSource="{Binding RootElementListView}" Tag="{Binding ClickedTreeElement, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="MouseRightButtonUp">
                <i:InvokeCommandAction Command="{Binding HandleRightClickCommand}"/>
            </i:EventTrigger>
        </i:Interaction.Triggers>
        <TreeView.ItemTemplate>
            <HierarchicalDataTemplate DataType="{x:Type models:YourTreeElementClass}" ItemsSource="{Binding Path=Subreports}">
                <TextBlock Text="{Binding YourTreeElementDisplayProperty}" PreviewMouseRightButtonDown="TreeView_PreviewMouseRightButtonDown"/>
            </HierarchicalDataTemplate>
        </TreeView.ItemTemplate>
    </TreeView>
</UserControl>