Treeview с флажком привязки по различным спискам

Question

У меня есть такой класс:

public class Project
{
List<Object> list1;
List<Object> list2;
}

Я хочу показать это в древовидном элементе управления следующим образом:

Checkbox + "Listing1"
--> Checkbox + Object 1 of list1
--> Checkbox + Object 2 of list1
Checkbox + "Listing2"
--> Checkbox + Object 1 of list2
-->Checkbox + Object 2 of list2

Моя самая большая проблема заключается в разнице между2 списка + некоторые дополнительные: если list2 не содержит никаких объектов, заголовок «Listing2» может не отображаться.

Кто-нибудь знает, как мне это сделать?

Answer 1

Вы можете создать один класс TreeViewItemWithCheckbox, расширив класс TreeViewItem, как показано ниже:

public class TreeViewItemWithCheckbox : TreeViewItem
    {
        #region Variable Declaration

        CheckBox chkBox = new CheckBox();
        StackPanel stpContent = new StackPanel();

        #endregion

        #region Properties

        public string HeaderText
        {
            get { return chkBox.Content.ToString(); }
            set { chkBox.Content = value; }
        }

        public bool IsChecked
        {
            get { return chkBox.IsChecked.Value; }
            set { chkBox.IsChecked = value; }
        }

        #endregion

        #region Constructor

        public TreeViewItemWithCheckbox()
        {
            stpContent.Orientation = Orientation.Horizontal;

            chkBox = new CheckBox();
            chkBox.VerticalAlignment = VerticalAlignment.Center;
            chkBox.Click += new RoutedEventHandler(SetCheckboxes);
            chkBox.Margin = new Thickness(0, 0, 0, 0);
            stpContent.Children.Add(chkBox);

            Header = stpContent;
        }

        #endregion

        #region Event Handlers

        private void SetCheckboxes(object sender, RoutedEventArgs e)
        {
            TreeViewItemWithCheckbox selectedItem = ((TreeViewItemWithCheckbox)((StackPanel)((CheckBox)sender).Parent).Parent);

            if (selectedItem != null)
            {
                /* Set checkboxes for all child items */
                if (selectedItem.Items.Count > 0)
                {
                    SetChildItemCheckboxes(selectedItem, selectedItem.IsChecked);
                }

                /* Check if all childs checked then check/uncheck parent accoringly */
                if (selectedItem.Parent.GetType() == typeof(TreeViewItemWithCheckbox))
                {
                    TreeViewItemWithCheckbox parentItem = (TreeViewItemWithCheckbox)selectedItem.Parent;

                    bool bIsAllChecked = true;
                    foreach (TreeViewItemWithCheckbox item in parentItem.Items)
                    {
                        if (!item.IsChecked)
                        {
                            bIsAllChecked = false;
                            break;
                        }
                    }
                    parentItem.IsChecked = bIsAllChecked;
                }
            }
        }

        private void SetChildItemCheckboxes(TreeViewItemWithCheckbox item, bool IsChecked)
        {
            if (item.Items.Count > 0)
            {
                foreach (TreeViewItemWithCheckbox childItem in item.Items)
                {
                    SetChildItemCheckboxes(childItem, IsChecked);
                    item.IsChecked = IsChecked;
                }
            }
            else
                item.IsChecked = IsChecked;
        }

        #endregion
    }

Затем вам нужно добавить древовидные узлы из 2 списков, как показано ниже:

trvTest.Items.Clear();

//Add default root element
TreeViewItemWithCheckbox rootNode = new TreeViewItemWithCheckbox();
rootNode.HeaderText = "Root";
rootNode.IsExpanded = true;
trvTest.Items.Add(rootNode);

if (_project.list1.Count > 0)
{
    TreeViewItemWithCheckbox nodeHead1 = new TreeViewItemWithCheckbox();
    nodeHead1.HeaderText = "Listing 1";
    rootNode.Items.Add(nodeHead1);

    TreeViewItemWithCheckbox node1;
    for (int i = 0; i < _project.list1.Count; i++)
    {
       node1 = new TreeViewItemWithCheckbox();
       node1.HeaderText = _project.list1[i].Name;
       nodeHead1.Items.Add(node1);
    }
}

if (_project.list2.Count > 0)
{
    TreeViewItemWithCheckbox nodeHead2 = new TreeViewItemWithCheckbox();
    nodeHead2.HeaderText = "Listing 2";
    rootNode.Items.Add(nodeHead2);

    TreeViewItemWithCheckbox node2 = new TreeViewItemWithCheckbox();
    for (int i = 0; i < _project.list2.Count; i++)
    {
       node2 = new TreeViewItemWithCheckbox();
       node2.HeaderText = _project.list2[i].Name;
       nodeHead2.Items.Add(node2);
    }
}

Answer 2

Если ваши первые элементы «Списка» статичны, вы можете сделать что-то вроде этого

<TreeView x:Name="tv">
    <TreeViewItem Header="Listing 1" ItemsSource="{Binding list1}"/>
    <TreeViewItem Header="Listing 2" ItemsSource="{Binding list2}"/>
</TreeView>

Чтобы скрыть элементы без дочерних элементов, вам нужно немного кода.

var view = CollectionViewSource.GetDefaultView(_project.list1);
view.Filter = myFilter;
view.Refresh();

tv.DataContext = _project;

Дляоба списка конечно.

Answer 3

Это можно решить без TreeView - всего 2 CheckBox и 2 ItemsControl с конкретным ItemTemplate.

Я предпочитаю этот способ решения этой проблемы:

            <StackPanel>
                <StackPanel.Resources>
                    <DataTemplate x:Key="MyTemplate">
                        <StackPanel Orientation="Horizontal">
                            <CheckBox Content="{Binding SomeProperty}" IsChecked="{Binding SomeBooleanProperty}" />
                        </StackPanel>
                    </DataTemplate>
                </StackPanel.Resources>
                <CheckBox Content="List number 1" />
                <ItemsControl ItemsSource="{Binding list1}" ItemTemplate="{StaticResource MyTemplate}" />
                <CheckBox Content="List number 2" />
                <ItemsControl ItemsSource="{Binding list2}" ItemTemplate="{StaticResource MyTemplate}" />
            </StackPanel>

Что касается вашего extra: , вы можете привязать Visibility к свойству в вашем Project классе, которыйбудет выглядеть так:

 public class Project
 {
      public List<Object> list1;
      public List<Object> list2;
      public Visibility Visuality
      {
          get
          {                   
               return this.list2.Any() ? Visibility.Visible : Visibility.Colapsed;
          }
      }
 }

и чем в коде:

 <ItemsControl Visibility="{Binding Visuality}" ... />
 <CheckBox Visibility="{Binding Visuality}" ... />

... если я вас правильно понимаю ...