TabControl, связанный с ObservableCollection MVVM

Question

В настоящее время я работаю над проектом с использованием шаблона MVVM и не может найти решение для привязки ObservableCollection к TabControl, в котором есть шаблон для элемента.

Например, это где я получил до сих пор:

<TabControl ItemsSource="{Binding ConnStringBufferOC}"> 
      <TabControl.ItemTemplate> 
       <DataTemplate> 
       <Grid> 
        <TextBox Text="{Binding Username}"/> 
        <!-- Controls here --> 
       </Grid> 
       </DataTemplate> 
      </TabContro.ItemTemplate> 
</TabControl> 

Это, однако, только частично работает. Он создает элементы управления в области заголовка вкладки вместо области содержимого вкладки. Я хотел бы, чтобы связать каждый элемент в новую вкладку, которая имеет заголовок связанный источника из OC, например:

Header="{Binding Name}" 

И в области содержимого каждой вкладки я хотел бы иметь элементы управления, которые имеют содержание связанный с ObservableCollection в этом примере ConnStringBufferOC. Таким образом, каждая вкладка имеет одинаковые элементы управления, только содержимое, связанное с элементами управления, отличается.

Answer 1

Вы должны указать ContentTemplate для содержимого вкладки и ItemTemplate для вкладок заголовка

<TabControl ItemsSource="{Binding ConnStringBufferOC}"> 
    <TabControl.ContentTemplate> 
     <DataTemplate> 
      <Grid> 
       <TextBox Text="{Binding Username}"/> 
       <!-- Controls here --> 
      </Grid> 
     </DataTemplate> 
    </TabControl.ContentTemplate> 
    <TabControl.ItemTemplate> 
     <DataTemplate> 
      <TextBlock Text="{Binding Name}"/> 
     </DataTemplate> 
    </TabControl.ItemTemplate> 
</TabControl>