Silverlight中的TabControl如何绑定数据？

在 WPF 中，TabControl 可以直接将 ItemsSource 绑定数据源，见

 

将 TabControl 绑定到数据的示例

http://msdn.microsoft.com/zh-cn/library/aa972130(VS.90).aspx

 

<Window.Resources> <ObjectDataProvider x:Key="TabListResource" ObjectType="{x:Type src:TabList}" /> <DataTemplate x:Key="HeaderTemplate"> <TextBlock Text="{Binding Path=Header}" /> </DataTemplate> <DataTemplate x:Key="ContentTemplate"> <TextBlock Text="{Binding Path=Content}" /> </DataTemplate> </Window.Resources> <DockPanel> <TabControl ItemsSource="{Binding Source={StaticResource TabListResource}}" ItemTemplate="{StaticResource HeaderTemplate}" ContentTemplate="{StaticResource ContentTemplate}"/> </DockPanel>  

 

匪疑所思的是，TabControl.ItemTeplate 居然是用于 Header， ContentTemplate 才是用于 TabItem。

 

但是在 Silverlight 中貌似无此功能， TabControl.ContentTemplate  属性也不存在。

作为从 ItemsControl 中派生的类，Silverlight 中的 TabControl.ItemsSource 貌似要求为 IEnumerable<TabItem>，

这让人很难接受， 不知是不是真的这样？

 

 

作为无奈的解决办法，只能对通过代码动态添加各个 TabItem，并对它们分别进行 Binding。

下面是代码：

namespace TabControl_DataBinding { using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.ComponentModel; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Collections.ObjectModel; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.ComponentModel.DataAnnotations; public class Model { public ObservableCollection<Article> Articles { get; private set; } public Model() { this.Articles = new ObservableCollection<Article>(); } } public class Article { public string LanguageCode { get; set; } public string LanguageName { get; set; } [<a href="/tag/dis/" target="_blank" class="keywords">dis</a>play(Name="<a href="/tag/zhuti/" target="_blank" class="keywords">主题</a>")] public string Subject { get; set; } [<a href="/tag/dis/" target="_blank" class="keywords">dis</a>play(Name = "详细描述")] public string Description { get; set; } } public class Settings { public static Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Collections.Generic.Dictionary<string,string> Languages { get; private set; } static Settings() { Languages = new Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Collections.Generic.Dictionary<string,string>(); Languages.Add("en","English"); Languages.Add("zh-Hans","简体"); Languages.Add("zh-Hant","繁体"); } } }    

 

<UserControl.Resources> <DataTemplate x:Key="languageDataTemplate"> <Grid > <Grid.ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Width="Auto" /> <ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Width="Auto" /> </Grid.ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <Grid.RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="Auto" /> <RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="*" /> </Grid.RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <sdk:Label Grid.Column="0" Grid.Row="0" Target="{Binding ElementName=txtSubject}" /> <Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a> Grid.Column="1" Grid.Row="0" Name="txtSubject" Text="{Binding Subject,Mode=TwoWay,ValidatesOnExceptions=true,NotifyOnValidationError=true}" /> <sdk:Label Grid.Column="0" Grid.Row="1" Target="{Binding ElementName=txtDetail}" /> <Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a> Grid.Column="1" Grid.Row="1" Name="txtDetail" Width="280" Text="{Binding Description,NotifyOnValidationError=true}" Height="80" AcceptsReturn="True" <a href="/tag/textwrap/" target="_blank" class="keywords">textwrap</a>ping="Wrap" VerticalScrollBarVisibility="Auto" /> </Grid> </DataTemplate> </UserControl.Resources> <Grid x:Name="LayoutRoot" Background="White"> <sdk:TabControl Name="tabControl1" Margin="16" > </sdk:TabControl> </Grid>

 

 public partial class MainPage : UserControl { Model data; public MainPage() { InitializeComponent(); this.Loaded += (sender,e) => { this.GenerateData(); this.BindControls(); }; } /// <summary> /// 创建初始数据 /// </summary> void GenerateData() { this.data = new Model(); foreach (var item in Settings.Languages) { this.data.Articles.Add(new Article() { LanguageCode = item.Key,LanguageName = item.Value,Subject = "<a href="/tag/zhuti/" target="_blank" class="keywords">主题</a>" + item.Value }); } } void BindControls() { foreach (var item in Settings.Languages) { Article article = this.data.Articles .Single(art => art.LanguageCode == item.Key); TabItem ti = new TabItem() { Header = article.LanguageName,Tag = article.LanguageCode,ContentTemplate = (DataTemplate)this.Resources["languageDataTemplate"] }; ti.SetBinding(TabItem.<a href="/tag/contentproperty/" target="_blank" class="keywords">contentproperty</a>,new Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Data.Binding()); this.tabControl1.Items.Add(ti); ti.DataContext = article; } } }