Question

I’m trying to build a WPF user interface containing a TabControl, and a TextBlock.

I want to bind these two controls to an underlying collection of instances of the following class:

class PageModel {   public string Title {get;set;}   public string TabCaption {get;set;}   public FrameworkElement TabContent {get;set} } 

The tab control should display a tab for each PageModel.

• Each tab’s header should display the TabCaption property
• Each tab’s content should be the TabContent property.

The TextBlock should display the Title of the currently selected tab.

How can I achieve this result?

Answer 1

<TabControl x:Name='_tabControl' ItemsSource='{Binding PageModels}'>     <TabControl.ItemContainerStyle>         <Style TargetType='TabItem'>             <Setter Property='Header' Value='{Binding TabCaption}'/>             <Setter Property='Content' Value='{Binding TabContent}'/>         </Style>     </TabControl.ItemContainerStyle> </TabControl> <TextBlock Text='{Binding SelectedItem.Title, ElementName=_tabControl}'/>