Search code examples
c#wpftreeviewitemtemplate

WPF Programmatically create treeview itemtemplate/columns


I have an application that reads database tables and puts it into a treeview. The current ItemTemplate for the treeview looks like this:

<TreeView.ItemTemplate>
    <HierarchicalDataTemplate ItemsSource="{Binding SubOrganLocations}">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="35" />
                <ColumnDefinition Width="35" />
                <ColumnDefinition Width="35" />
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" Text="{Binding OrganDisplayName}" />
            <TextBox Grid.Column="1" IsEnabled="True" />
            <TextBox Grid.Column="2" IsEnabled="True" />
            <TextBox Grid.Column="3" IsEnabled="True" />
        </Grid>
    </HierarchicalDataTemplate>
</TreeView.ItemTemplate>

However, in the future there could be more columns that need to be added (determined by the number of distinct values in a table), so I'm trying to create it dynamically. How would I go about doing that?


Solution

  • Something like this might be possible:

    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding SubOrganLocations}">
            <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding OrganDisplayName}" />
    
                    <!-- If the fields to bind to can be exposed via a collection:
                    <ItemsControl ItemsSource="{Binding Fields}"> -->
                    <ItemsControl ItemsSource="{Binding, Converter={StaticResource SomeCleverConverter}}">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <StackPanel Orientation="Horizontal" />
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <TextBox Text="{Binding Value}" Width="35" />
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
    
                </StackPanel>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
    

    It depends if the DataContext of the TreeViewItem (the SubOrganLocation) can expose a collection of fields, or at least be used to derive them with a converter. The simplest and probably easiest would be to expose a collection of fields so you can just do {Binding Fields}.