我們在Silverlight開發過程中，很常見的情形是已經做好繫結的DataGrid內需要繫結不同資料來源的資料，比如一個來自不同資料來源的ComboBox。

下面舉個簡單的例子：

我們最終要顯示的結果如上圖所示，其中姓名，年齡來自 MainData 資料來源，籍貫來自 BindingJG 資料來源。

先簡單把這兩個資料來源建好：

MainData:

using System.Collections.ObjectModel; namespace SilverlightBinding { public class People { public string Name { get; set; }//姓名 public int Age { get; set; }//年齡 public People(string name,int age) { Name = name; Age = age; } } public class MainData { private ObservableCollection<People> _myPeople; public MainData() { _myPeople = new ObservableCollection<People>(); _myPeople.Add(new People("張三", 17)); _myPeople.Add(new People("李四", 18)); _myPeople.Add(new People("王五", 19)); _myPeople.Add(new People("趙六", 20)); } public ObservableCollection<People> myPeople { get { return _myPeople; } private set { } } } }

BindingJG :

using System; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Ink; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; using System.Collections.ObjectModel; namespace SilverlightBinding { public class BindingJG { private ObservableCollection<string> _jiguan; public BindingJG() { _jiguan = new ObservableCollection<string>(); _jiguan.Add("北京"); _jiguan.Add("上海"); _jiguan.Add("廣州"); _jiguan.Add("海南"); } public ObservableCollection<string> JiGuan { get { return new ObservableCollection<string>(_jiguan); } private set { } } } }

現在要把這兩個資料來源同時繫結到MainPage.xaml 裡的 dataGrid上，

要先新增對籍貫資料類的引用：

 然後就可以在dataGrid裡引用籍貫資料，以下是dataGrid的完整程式碼：

<sdk:DataGrid x:Name="dataGrid" Width="300" Height="200" AutoGenerateColumns="False" ItemsSource="{Binding}"> <sdk:DataGrid.Resources> <comJG:BindingJG x:Key="iJG"/> </sdk:DataGrid.Resources> <sdk:DataGrid.Columns> <sdk:DataGridTextColumn Binding="{Binding Name}" Header="姓名" Width="Auto"/> <sdk:DataGridTextColumn Binding="{Binding Age}" Header="年齡" Width="Auto"/> <sdk:DataGridTemplateColumn Header="籍貫" Width="Auto"> <sdk:DataGridTemplateColumn.CellTemplate> <DataTemplate> <ComboBox x:Name="JGCombo" DataContext="{Binding Source={StaticResource iJG}}"> <ItemsControl ItemsSource="{Binding JiGuan}"> <ItemsControl.ItemTemplate> <DataTemplate> <TextBlock Text="{Binding}"/> </DataTemplate> </ItemsControl.ItemTemplate> </ItemsControl> </ComboBox> </DataTemplate> </sdk:DataGridTemplateColumn.CellTemplate> </sdk:DataGridTemplateColumn> </sdk:DataGrid.Columns> </sdk:DataGrid>

其中的關鍵程式碼：

                            <ComboBox x:Name="JGCombo" DataContext="{Binding Source={StaticResource iJG}}">
                                <ItemsControl ItemsSource="{Binding JiGuan}">
                                    <ItemsControl.ItemTemplate>
                                        <DataTemplate>
                                            <TextBlock Text="{Binding}"/>
                                        </DataTemplate>
                                    </ItemsControl.ItemTemplate>
                                </ItemsControl>
                            </ComboBox>

 再把MainData資料賦值給dataGrid就可以了

public MainPage() { InitializeComponent(); MainData md = new MainData (); this.dataGrid.ItemsSource = md.myPeople; }

完整程式碼下載： Silverlight 4