Tree View

Hi Ben, here is what I'm looking for. I have a customized TreeViewItem and want its children to be added righ into it, using it as a UI container. In the template below I marked the area I want to insert children into with Green. Despite of supplying a valid tree - it doesn't show anything except of the root. Must be some bad misunderstanding of mine...

Thanks.

P.S. Special thanks to J.S., whos saample I used.

TreeView's template:

<Window x:Class="CustomTreeViewLayout.Window1"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:local="clr-namespace:CustomTreeViewLayout"

Title="Custom TreeView" Height="350" Width="780"

Loaded="OnLoaded"

WindowStartupLocation="CenterScreen"

FontSize="11"

>

<TreeView Name="tree" Background="LightGray">

<TreeView.Resources>

<ResourceDictionary>

<!--1-->

<ResourceDictionary.MergedDictionaries>

<ResourceDictionary

Source="Node.xaml" />

</ResourceDictionary.MergedDictionaries>

<!-- This template explains how to render

a Node object and its child nodes. -->

<HierarchicalDataTemplate

DataType="{x:Type local:Node}"

ItemsSource="{Binding ChildNodes}"

>

<Grid Width="100" Height="200">

<TextBlock Text="{Binding Text}" />

</Grid>

</HierarchicalDataTemplate>

</ResourceDictionary>

</TreeView.Resources>

<!-- Put the root item(s) in a centered Grid so that

they will be centered and retain their width. -->

<TreeView.ItemsPanel>

<ItemsPanelTemplate>

<!--1-->

<Grid Background="Blue"

HorizontalAlignment="Stretch"

IsItemsHost="True">

</Grid>

</ItemsPanelTemplate>

</TreeView.ItemsPanel>

</TreeView>

</Window>

TreeViewItem's template:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

>

<!-- This Style redefines the ControlTemplate used by TreeViewItems and

also provides a different itemspanel for their child items. -->

<Style TargetType="TreeViewItem">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="TreeViewItem">

<Grid Background="Gray" Canvas.Left="{Binding Path=X}" Canvas.Top="{Binding Path=Y}">

<!-- This Border and ContentPresenter displays the content of the TreeViewItem. -->

<Grid Name="Bd" Margin ="10" Background="LightGray">

<ContentPresenter Name="PART_Header"

ContentSource="Header"/>

<ItemsPresenter/>

</Grid>

<!-- The ItemsPresenter displays the item's children. -->

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

<!-- Make each TreeViewItem show it's children

in a horizontal StackPanel. -->

<Setter Property="ItemsPanel">

<Setter.Value>

<ItemsPanelTemplate>

<Grid Background="Green" Opacity="0.2"

IsItemsHost="True"

Margin="10,10">

</Grid>

</ItemsPanelTemplate>

</Setter.Value>

</Setter>

</Style>

</ResourceDictionary>

Hi Ben, thanks for that. I don't understand though why can't I use grid with both Rows and Columns Count set to 0? I'm actually converting an existing 'undertemplated' app and it does use Grid without bothering to create its structure. Could you please comment on that?

Thanks.