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 System;
    using System.ComponentModel;
    using System.Collections.ObjectModel;
    using System.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; }
        [Display(Name="主题")]
        public string Subject { get; set; }
        [Display(Name = "详细描述")]
        public string Description { get; set; }
    }

    public class Settings
    {
        public static System.Collections.Generic.Dictionary<string, string> 
                                                    Languages { get; private set; }
        static Settings()
        {
            Languages = new System.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.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <sdk:Label  Grid.Column="0"  Grid.Row="0"  
                     Target="{Binding ElementName=txtSubject}" />
            <TextBox 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}" />
            <TextBox Grid.Column="1" Grid.Row="1" Name="txtDetail" Width="280"  
                Text="{Binding Description, Mode=TwoWay, 
                ValidatesOnExceptions=true, NotifyOnValidationError=true}" 
                Height="80" AcceptsReturn="True" TextWrapping="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 = "主题" + 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.ContentProperty, new System.Windows.Data.Binding());
            this.tabControl1.Items.Add(ti);
            ti.DataContext = article;
        }
    }


}