WPF TreeView and Checkbox

后端 未结 3 1007
南旧
南旧 2021-02-10 06:30

How would someone go about adding check boxes to only the children of a tree view in XAML? My goal is to have a tree view where the parent is just a text block and all the chil

3条回答
  •  北海茫月
    2021-02-10 06:55

    The easiest way to do this is to shape your data so that the tree view can represent it in the way you've described. Here is an example of a minimal data structure that corresponds to your type of tree:

    public class CheckedList
    {
        public string Title { get; set; }
    
        public ObservableCollection Items { get; private set; }
    
        public CheckedList()
        {
            Items = new ObservableCollection();
    
            //DEBUG: Test data
            Title = "Test Title";
            Items.Add(new CheckedItem("Item 1", true));
            Items.Add(new CheckedItem("Item 2", false));
        }
    }
    
    public class CheckedItem : DependencyObject
    {
        public static readonly DependencyProperty StateProperty =
            DependencyProperty.Register("StateProperty", typeof(bool), typeof(CheckedItem), new UIPropertyMetadata(false));
    
        public static readonly DependencyProperty TextProperty =
            DependencyProperty.Register("TextProperty", typeof (string), typeof (CheckedItem), new UIPropertyMetadata(string.Empty));
    
        public bool State
        {
            get { return (bool)GetValue(StateProperty); }
            set { SetValue(StateProperty, value); }
        }
    
        public string Text
        {
            get { return (string) GetValue(TextProperty); }
            set { SetValue(TextProperty, value); }
        }
    
        public CheckedItem(string text, bool state)
        {
            Text = text;
            State = state;
        }
    }
    

    Here is XAML and code-behind for a window and tree view with data templates to represent the data as text headers with check box items:

    
    
    
        
            
        
    
        
             
        
    
    
    
        
    
    

    The code-behind:

    public partial class Window1 : Window
    {
        ObservableCollection _lists = new ObservableCollection();
    
        public Window1()
        {
            InitializeComponent();
        }
    
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            //DEBUG: Test data
            _lists.Add(new CheckedList());
            _lists.Add(new CheckedList());
            ExampleTree.ItemsSource = _lists;
        }
    }
    

    Using ObservableCollection and DependencyObject allows the tree and data structure to stay in sync. As the user clicks on items in the tree, you should be able to look at your lists and see the modifications. Alternately, if you modify the data, it should be reflected in the tree.

提交回复
热议问题