Hello.
I have a TabControl and I want to "switch" over templates (ContentTemplates) depending on the object type that my collection brings.
Basically my ItemsSource's source is a TabItemModel and this has two properties, TabText:string and Content:object
public class TabItemModel
{
public string TabText {get;set;}
public object Content {get;set;}
}
In my viewmodel i have a ObservableCollection<TabItemModel> that is bound to the ItemsSource property of my TabControl.
Let's say that i create a 5 items dimension collection and i assign to each Content property in my TabItemModel 5 objects of different types.
in my XAML
<UserControl.Resources>
<Style x:Key="ClosableStyle" TargetType="telerik:RadTabItem">
<Setter Property="HeaderTemplate">
<Setter.Value>
<DataTemplate>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<ContentControl Content="{Binding TabText}"/>
<Button Grid.Column="2" Content="X" Width="18"
Height="18" HorizontalAlignment="Center"
HorizontalContentAlignment="Center"
VerticalContentAlignment="Center"
VerticalAlignment="Center"
common:RoutedEventHelper.EnableRoutedClick="True" />
</Grid>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
</UserControl.Resources>
<telerik:RadTabControl
telerik:StyleManager.Theme="Summer"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
x:Name="radTabControl1" ItemContainerStyle="{StaticResource ClosableStyle}"
ItemsSource="{Binding RequestedCustomers, Mode=TwoWay}" SelectedIndex="{Binding SelectedTabIndex, Mode=TwoWay}" />
this work good (when it comes to the tab text. it displays the value no problem... but i feel clueless about how to have multiple ContentTemplate definitions for my tabcontrol. I was thinking about a Selector... is that the right path to go?
Thank you so much for any help