ObservableCollection MVVM에 바인딩 된 TabControl

Question

현재 MVVM 패턴을 사용하는 프로젝트에서 작업 중이며 ObservableCollection을 항목에 대한 템플릿이있는 TabControl에 바인딩하는 방법을 찾을 수 없습니다.

이

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

이 그러나 단지 partialy 작동 : 내가 지금까지 어디서 얻었

는 예를 들어,이입니다. 탭 내용 영역 대신 탭 머리글 영역에 컨트롤을 만듭니다.

Header="{Binding Name}" 

그리고 각 탭의 컨텐츠 영역에서 내가 좋아하는 것

는 내용이 컨트롤을 가지고 : 나는 예를 들어, OC에서 바인딩 소스의 헤더가 새 탭에 각 항목을 바인딩 할 것 이 예제의 ObservableCollection에서 바인딩 된 ConnStringBufferOC. 모든 탭에는 동일한 컨트롤이 있으므로 컨트롤에 바인딩 된 내용 만 다릅니다.

Answer 1

당신은 탭 헤더

<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>