WPF/MVVM - как обрабатывать двойной щелчок на TreeViewItems в ViewModel?

Ответ 1

Немного обновить свой ответ.

Я пробовал много разных подходов для этого, и мне все еще кажется, что Прикрепленное поведение - лучшее решение. Хотя в начале это может показаться большим количеством накладных расходов, на самом деле это не так. Я сохраняю все свои поведения для ICommands в одном и том же месте, и всякий раз, когда мне нужна поддержка другого события, это просто вопрос копирования/вставки и изменение события в PropertyChangedCallback.

Я также добавил дополнительную поддержку для CommandParameter.

В дизайнере это просто вопрос выбора желаемого события

Вы можете установить это либо на TreeView, TreeViewItem, либо в любом другом месте, которое вам нравится.

Пример. Установите его на TreeView

<TreeView commandBehaviors:MouseDoubleClick.Command="{Binding YourCommand}"
          commandBehaviors:MouseDoubleClick.CommandParameter="{Binding}"
          .../>

Пример. Установите его на TreeViewItem

<TreeView ItemsSource="{Binding Projects}">
    <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}">
            <Setter Property="commandBehaviors:MouseDoubleClick.Command"
                    Value="{Binding YourCommand}"/>
            <Setter Property="commandBehaviors:MouseDoubleClick.CommandParameter"
                    Value="{Binding}"/>
        </Style>
    </TreeView.ItemContainerStyle>
</TreeView>

И вот Прикрепленное поведение MouseDoubleClick

public class MouseDoubleClick
{
    public static DependencyProperty CommandProperty =
        DependencyProperty.RegisterAttached("Command",
        typeof(ICommand),
        typeof(MouseDoubleClick),
        new UIPropertyMetadata(CommandChanged));

    public static DependencyProperty CommandParameterProperty =
        DependencyProperty.RegisterAttached("CommandParameter",
                                            typeof(object),
                                            typeof(MouseDoubleClick),
                                            new UIPropertyMetadata(null));

    public static void SetCommand(DependencyObject target, ICommand value)
    {
        target.SetValue(CommandProperty, value);
    }

    public static void SetCommandParameter(DependencyObject target, object value)
    {
        target.SetValue(CommandParameterProperty, value);
    }
    public static object GetCommandParameter(DependencyObject target)
    {
        return target.GetValue(CommandParameterProperty);
    }

    private static void CommandChanged(DependencyObject target, DependencyPropertyChangedEventArgs e)
    {
        Control control = target as Control;
        if (control != null)
        {
            if ((e.NewValue != null) && (e.OldValue == null))
            {
                control.MouseDoubleClick += OnMouseDoubleClick;
            }
            else if ((e.NewValue == null) && (e.OldValue != null))
            {
                control.MouseDoubleClick -= OnMouseDoubleClick;
            }
        }
    }

    private static void OnMouseDoubleClick(object sender, RoutedEventArgs e)
    {
        Control control = sender as Control;
        ICommand command = (ICommand)control.GetValue(CommandProperty);
        object commandParameter = control.GetValue(CommandParameterProperty);
        command.Execute(commandParameter);
    }
}

Ответ 2

Я опаздываю на это, но я просто использовал другое решение. Еще раз, это может быть не самое лучшее, но вот как я это сделал.

Прежде всего, предыдущий ответ от Meleak классный, но я чувствую, что очень тяжело быть вынужденным добавлять AttachedBehaviors только для чего-то такого же основного, как MouseDoubleClick. Это заставит меня использовать новый образец в моем приложении и еще более усложнит все.

Моя цель - оставаться как можно проще. Поэтому я сделал что-то очень основное (мой пример для DataGrid, но вы можете использовать его на множестве разных элементов управления):

<DataGrid MouseDoubleClick="DataGrid_MouseDoubleClick">
   <!-- ... -->
</DataGrid>

В коде:

private void DataGrid_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
    //Execute the command related to the doubleclick, in my case Edit
    (this.DataContext as VmHome).EditAppCommand.Execute(null);
}

Почему я чувствую, что он не нарушает MVVM-шаблон? Потому что, на мой взгляд, единственные вещи, которые вы должны поместить в код, - это мосты для вашего viewModel, которые очень специфичны для вашего пользовательского интерфейса. В этом случае он просто говорит, что если вы дважды щелкните, запустите соответствующую команду. Это почти то же самое, что Command = "{Binding EditAppCommand}", я просто моделировал это поведение.

Не стесняйтесь дать мне свое мнение по этому поводу, я был бы рад услышать некоторых критиков на этот способ мышления, но на данный момент я считаю, что это самый простой способ реализовать его, не нарушая MVVM.

Ответ 3

Обе рекомендации Meleak и ígor превосходны, но когда обработчик события двойного щелчка привязан к TreeViewItem, тогда этот обработчик событий вызывается для всех родительских элементов элемента (а не только для элемента с щелчком). Если это нежелательно, вот еще одно дополнение:

private static void OnMouseDoubleClick(object sender, RoutedEventArgs e)
{
    Control control = sender as Control;
    ICommand command = (ICommand)control.GetValue(CommandProperty);
    object commandParameter = control.GetValue(CommandParameterProperty);

    if (sender is TreeViewItem)
    {
        if (!((TreeViewItem)sender).IsSelected)
            return;
    }

    if (command.CanExecute(commandParameter))
    {
        command.Execute(commandParameter);
    }
}

Ответ 4

Решение Meleak отлично!, но я добавил чек

    private static void OnMouseDoubleClick(object sender, RoutedEventArgs e)
    {
        Control control = sender as Control;
        ICommand command = (ICommand)control.GetValue(CommandProperty);
        object commandParameter = control.GetValue(CommandParameterProperty);
       //Check command can execute!!  
      if(command.CanExecute(commandParameter ))
         command.Execute(commandParameter);
    }

Ответ 5

Это действительно просто, и вот как я дважды обрабатывал TreeView:

<Window x:Class="TreeViewWpfApplication.MainWindow"
    ...
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
    xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
    ...>

      <TreeView ItemsSource="{Binding Departments}" >
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="MouseDoubleClick">
                <ei:CallMethodAction MethodName="SomeMethod" TargetObject="{Binding}"/>
            </i:EventTrigger>
        </i:Interaction.Triggers>
      </TreeView>
</Window>

System.Windows.Interactivity.dll взято из C:\Program Files (x86)\Microsoft SDK\Expression\Blend.NETFramework\v4.0\Libraries\System.Windows.Interactivity.dll или NuGet

Моя модель просмотра:

public class TreeViewModel : INotifyPropertyChanged
{   
    private List<Department> departments;
    public TreeViewModel()
    {
        Departments = new List<Department>()
        {
            new Department("Department1"),
            new Department("Department2"),
            new Department("Department3")
        };
    }

    public List<Department> Departments
    {
        get
        {
            return departments;
        }
        set
        {
            departments = value;
            OnPropertyChanged("Departments");
        }
    }

    public void SomeMethod()
    {
        MessageBox.Show("*****");
    }
}   

Ответ 6

Лучший подход, который я достиг, - это просто привязать свойство IsSelected от TreeViewItem к ViewModel в двухстороннем режиме и реализовать логику в настройке свойств. Затем вы можете определить, что делать, если значение истинно или ложно, потому что это свойство будет меняться всякий раз, когда пользователь нажимает на элемент.

class MyVM
{
  private bool _isSelected;
  public bool IsSelected
  {
    get { return _isSelected; }
    set
    {
      if (_isSelected == null)
       return;

      _isSelected = vale;

      if (_isSelected)
      {
        // Your logic goes here.
      }
      else
      {
        // Your other logic goes here.
      }
   }
}

Это позволяет избежать большого количества кода.

Кроме того, этот метод позволяет реализовать поведение onclick только в ViewModels, который действительно нуждается в нем.

Ответ 7

Просто для любопытства: что, если я возьму часть Фредерикса, но реализую ее непосредственно как поведение?

public class MouseDoubleClickBehavior : Behavior<Control>
{
    public static readonly DependencyProperty CommandProperty =
        DependencyProperty.Register("Command", typeof (ICommand), typeof (MouseDoubleClickBehavior), new PropertyMetadata(default(ICommand)));

    public ICommand Command
    {
        get { return (ICommand) GetValue(CommandProperty); }
        set { SetValue(CommandProperty, value); }
    }

    public static readonly DependencyProperty CommandParameterProperty =
        DependencyProperty.Register("CommandParameter", typeof (object), typeof (MouseDoubleClickBehavior), new PropertyMetadata(default(object)));

    public object CommandParameter
    {
        get { return GetValue(CommandParameterProperty); }
        set { SetValue(CommandParameterProperty, value); }
    }

    protected override void OnAttached()
    {
        base.OnAttached();
        AssociatedObject.MouseDoubleClick += OnMouseDoubleClick;
    }

    protected override void OnDetaching()
    {
        AssociatedObject.MouseDoubleClick -= OnMouseDoubleClick;
        base.OnDetaching();
    }

    void OnMouseDoubleClick(object sender, RoutedEventArgs e)
    {
        if (Command == null) return;
        Command.Execute(/*commandParameter*/null);
    }
}