Silverlight: Ajouter des TabItems à TabControl dynamiquement avec un ContentTemplate standard pour tous les onglets

Question

Je voudrais ajouter des TabItems à un TabControl dynamiquement avec un ContentTemplate standard comprenant une grille et quelques autres contrôles d'entrée comme textbox et button. Quelqu'un peut-il m'aider à atteindre cet objectif?

En outre, si j'essaie de charger des données à partir d'un service WCF de façon asynchrone vers la grille, il y aura certainement un délai. Alors, comment lier exactement les données à la bonne grille même si l'onglet sélectionné est différent? (Question ici est comment puis-je trouver le contrôle de grille droit de lier)

Answer 1

Utilisez cette classe dérivée MyTabControl: http://pastebin.mozilla.org/1040446

Si thelink fonctionne pas, here is this class comme une réponse à une autre question.

Xaml:

<my:MyTabControl MyItemsSource="{Binding Pages}" MySelectedItem="{Binding CurrentPage, Mode=TwoWay}"> 
    <my:MyTabControl.TabItemTemplate> 
    <DataTemplate> 
     <Grid> 
      <Grid.ColumnDefinitions> 
      <ColumnDefinition Height="Auto" /> 
      <ColumnDefinition Height="Auto" /> 
      </Grid.ColumnDefinitions> 
      <TextBox Text="{Binding SomeText1, Mode=TwoWay}"/> 
      <Button Content="Button" Command="{Binding SomeCommand}" Grid.Column="1"/> 
     </Grid> 
    </DataTemplate> 
    </my:MyTabControl.TabItemTemplate> 
    <my:MyTabControl.TabHeaderItemTemplate> 
    <DataTemplate> 
     <TextBlock Text="{Binding Title}" /> 
    </DataTemplate> 
    </my:MyTabControl.TabHeaderItemTemplate> 
</my:MyTabControl> 

ViewModel:

public class TabItemModel : INotifyPropertyChanged 
{ 
    public string Title {get; set;} 
    private string someText1; 
    public string SomeText1 
    { 
     get { return someText1; } 
     set 
     { 
      someText1 = value; 
      OnPropertyChanged("SomeText1"); 
     } 
    } 
    public ICommand SomeCommand {get; set;} 
    //... 
} 

public class MainViewModel 
{ 
    public MainViewModel 
    { 
     this.Pages = new ObservableCollection<TabItemModel>(); 
     this.Pages.Add(new TabItemModel{Title="Title1", SomeText1="Text1"}); 
     this.Pages.Add(new TabItemModel{Title="Title2", SomeText1="Text2"}); 
    } 

    public ObservableCollection<TabItemModel> Pages {get; set;} 
    //selected tab is different 
    public TabItemModel CurrentPage {get; set;} 

    public void SomeDataFromService() 
    { 
     //bind the data to the right grid 
     var ti = this.Pages.FirstOrDefault(p => p.Title == "Title2"); 
     if(ti != null) 
      ti.SomeText1 = "Text from service"; 
    } 
} 

Et enfin:

public partial class MainPage : UserControl 
{ 
    public MainPage() 
    { 
     InitializeComponent(); 
     this.DataContext = new MainViewModel(); 
    } 
}