WPF 以编程方式创建 treeview 项目模板/列

Question

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?

Answer 1

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} .

Answer 2

As FlyingStreudel said, using custom controls is a good approach in this case. The XAML would look something like:

        <!-- entity 1 -->
        <HierarchicalDataTemplate DataType="{x:Type local:Entity1}" ItemsSource="{Binding Items, Mode=OneWay}">
            <Grid>
                <local:Entity1Control/>
            </Grid>
        </HierarchicalDataTemplate>

        <!-- entity 2 (leaf) -->
        <DataTemplate DataType="{x:Type local:Entity2}">
            <Grid>
                <local:Entity2Control />
            </Grid>
        </DataTemplate>

You don't have to use custom controls, you can put your specific columns in each template.