Binding OutlookBar to hierarchical object collection

[Johan]

Hi,

I am learning to use the Telerik tools and would like to do the following:

I have a collection of viewmodels I would like to link to the RadOutlookbar, the collection is structured as this
OutLookItems collection
  Element1 (header, title)
    subElement1(title, viewmodel1)
    subElement2(title, viewmodel2)
  Element2 (header, title)
    subElement3(title, viewmodel3)
    subElement4(title, viewmodel4)

I managed to link the main level (Element1, Element2) to the RadOutlookbar and I can see them on the screen.
But I fail to link the second level the a RadListbox that I defined as contenttemplate  in the RadOutlookbar.

What I need to add to get this working?

Johan
 

[Boris]

Hello Johan,

I attached a sample project that demonstrates how you can bind RadOutblokBar to a collection of business objects. You can set the ContentTemplate property of the RadOutlookBarItem through style like so:

<Style TargetType="telerik:RadOutlookBarItem">
            <Setter Property="Header" Value="{Binding Header}" />

            <Setter Property="ContentTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <telerik:RadListBox ItemsSource="{Binding ListBoxItems}">
                            <telerik:RadListBox.ItemTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding ItemName}" />
                                </DataTemplate>
                            </telerik:RadListBox.ItemTemplate>
                        </telerik:RadListBox>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Style>

Please examine the provided solution and let us know if this helps.

Regards,
Boris Penev
Telerik