具有多个选择的WPF TreeView

时间:2009-07-22 08:19:11

标签: wpf treeview multi-select

标准WPF tree view不支持多项选择。

如何添加支持多种选择的树视图到我的WPF应用程序?商业产品很好(我目前知道一个商业实施 - http://www.telerik.com/products/wpf/treeview.aspx

2 个答案:

答案 0 :(得分:13)

下面的代码工作正常,更简单。但是,退回是使用treeview类的非公共属性IsSelectionChangeActive。代码如下:

private static readonly PropertyInfo IsSelectionChangeActiveProperty 
  = typeof (TreeView).GetProperty
    (
      "IsSelectionChangeActive",
      BindingFlags.NonPublic | BindingFlags.Instance
    );

public static void AllowMultiSelection(TreeView treeView)
{
  if (IsSelectionChangeActiveProperty==null) return;

  var selectedItems = new List<TreeViewItem>();
  treeView.SelectedItemChanged += (a, b) =>
  {
    var treeViewItem = treeView.SelectedItem as TreeViewItem;
    if (treeViewItem == null) return;

    // allow multiple selection
    // when control key is pressed
    if (Keyboard.IsKeyDown(Key.LeftCtrl) || Keyboard.IsKeyDown(Key.RightCtrl))
    {
      // suppress selection change notification
      // select all selected items
      // then restore selection change notifications
      var isSelectionChangeActive = 
        IsSelectionChangeActiveProperty.GetValue(treeView, null);

      IsSelectionChangeActiveProperty.SetValue(treeView, true, null);
      selectedItems.ForEach(item => item.IsSelected = true);

      IsSelectionChangeActiveProperty.SetValue
      (
        treeView, 
        isSelectionChangeActive, 
        null
      );
    }
    else
    {
      // deselect all selected items except the current one
      selectedItems.ForEach(item => item.IsSelected = (item == treeViewItem) );
      selectedItems.Clear();
    }

    if (!selectedItems.Contains(treeViewItem))
    {
      selectedItems.Add(treeViewItem);
    }
    else
    {
      // deselect if already selected
      treeViewItem.IsSelected = false;
      selectedItems.Remove(treeViewItem);
    }
  };

}

答案 1 :(得分:0)

根据您所需的确切语义,解决方案可能非常简单:

如果树的根不是TreeView - 例如,如果它是普通的ItemsControl - 树中的所有TreeViewItem都可以独立选择,所以你基本上可以免费获得多重选择。因此,只需使用ItemsControl而不是TreeView作为树的根。

此解决方案的优点是实现起来非常简单。它与mattdlong的解决方案不同:

  • 他的解决方案在单击某个项目时取消选择所有其他项目,因此您必须按住Ctrl键单击项目以进行多项选择。
  • 使用此解决方案,只需单击一下即可选择/取消选择您单击的项目,但无法快速选择项目并同时取消选择所有其他项目。

另一个区别是他的解决方案中的键盘导航(箭头键)取消选择所有项目,而在此解决方案中,键盘导航不会取消选择项目。

您应该根据您喜欢的语义选择这些解决方案(单击以添加项目与按住Ctrl键单击以添加项目等)。如果您想要更高级的语义,例如Shift-Click等,则相对添加。

请注意,您还可以使用ToggleButtonCheckBoxItemContainerTemplate的{​​{1}}自定义样式TreeViewItems。这允许用户通过点击Checked={Binding IsSelected}ToggleButton

来选择项目