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 
   
   ="HeaderTemplate"
   
   TextBlock 
   
   Text
   
   {Binding Path=Header}
   
   </
   
   DataTemplate
   
   ="ContentTemplate"
   
   {Binding Path=Content}
   
   DockPanel
   
   TabControl 
   
   ItemsSource
   
   {Binding Source={StaticResource TabListResource}}
   
   
 ItemTemplate
   
   {StaticResource HeaderTemplate}
   
   
 ContentTemplate
   
   {StaticResource ContentTemplate}
   
   "
   
   >

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

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

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

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

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

下面是代码：

namespace TabControl_DataBinding
{
using Sy stem;
System.ComponentModel;
System.Collections.ObjectModel;
System.ComponentModel.DataAnnotations;

public class Model
{
ObservableCollection < Article > Articles { get ; private set ; }
Model()
{
this .Articles = new ();
}
}
Article
{
string LanguageCode { LanguageName { ; }
[display(Name = " 主题 " )]
Subject { ; }
[display(Name 详细描述 Description { ; }
}

Settings
{
static System.Collections.Generic.Dictionary ,
Languages { Settings()
{
Languages ();
Languages.Add( en English );
Languages.Add( zh-Hans 简体 zh-Hant 繁体 );
}
}
}

UserControl.Resources ="languageDataTemplate" Grid Grid.ColumnDe Finitions ColumnDeFinition Width ="Auto" Grid.RowDeFinitions RowDeFinition Height ="*" sdk:Label Grid.Column ="0" Grid.Row
Target {Binding ElementName=txtSubject} TextBox ="1" Name ="txtSubject"
Text {Binding Subject,Mode=TwoWay,
ValidatesOnExceptions=true,NotifyOnValidationError=true} {Binding ElementName=txtDetail} ="txtDetail" Width ="280" {Binding Description,0)">
Height ="80" AcceptsReturn ="True" textwrapping ="Wrap"
VerticalScrollBarVisibility Grid Grid x:Name ="LayoutRoot" Background ="White" sdk:TabControl Name ="tabControl1" Margin ="16" sdk:TabControl

partial MainPage : UserControl
{
Model data;
MainPage()
{
InitializeComponent();
.Loaded += (sender,e) =>
{
.GenerateData();
.BindControls();
};
}
/// <summary>
创建初始数据
</summary>
void GenerateData()
{
.data Model();
foreach (var item in Settings.Languages)
{
.data.Articles.Add( Article()
{
LanguageCode item.Key,
LanguageName item.Value,
Subject + item.Value
});
}
}

BindControls()
{
Settings.Languages)
{
Article article .data.Articles
.Single(art art.LanguageCode == item.Key);
TabItem ti TabItem()
{
Header article.LanguageName,
Tag article.LanguageCode,
ContentTemplate (DataTemplate) .Resources[ languageDataTemplate ]
};
ti.SetBinding(TabItem.contentproperty,0)"> System.Windows.Data.Binding());
.tabControl1.Items.Add(ti);
ti.DataContext article;
}
}

}

Silverlight中的TabControl如何绑定数据

相关推荐