How to use a custom Button instead of ExpanderButton

Question

I've used the TreeView control for a project and it's been really useful for me! You've saved a lot of hard work, so I wanted to thank you in the first place :)

I need to fill a TreeView using a custom UserControl which, among other fields, has a button that must perform as the ExpanderButton.

Here's the DataTemplate from which the TreeView page is filled:

  <DataTemplate
                    x:Key="TreeViewItemTemplate">
                    <data:DataTemplateExtensions.Hierarchy>
                        <data:HierarchicalDataTemplate
                            ItemsSource="{Binding Children}" />
                    </data:DataTemplateExtensions.Hierarchy>

                    <Grid>
                        <components:VideoSessions Title="{Binding Title}"
                                                  Start="{Binding Start}"
                                                  End="{Binding End}"
                                                  Status="{Binding Status}"
                                                  HasHighlights="{Binding HasHighlights}"/>
                    </Grid>

</DataTemplate>

How could I bind the behavior of the ExpanderButton to my control? Thanks in advance!

Are you saying you want your TreeViewItems to expand/collapse? — Chris W., Feb 10 '16 at 15:53
Could you sketch a picture of what you're trying to achieve? — Filip Skakun, Feb 10 '16 at 17:36

score 1 · Accepted Answer · answered Feb 10 '16 at 17:40

The TreeView control has an IsExpandedBindingPath property (as used in here) that you could use to bind the expanded state of the TreeViewItems to your backing tree node models. You could then TwoWay-bind the toggle state of your ExpanderButton to that same property on the tree node model.

How to use a custom Button instead of ExpanderButton

1 Answers1