Silverlight DataGrid 使用方法

 
Silverlight DataGrid 使用方法
 

   MainPage.xaml
 
   <Grid x:Name="LayoutRoot" Background="Black">
 
      <sdk:DataGrid AutoGenerateColumns="False" Height="200"
      HorizontalAlignment="Left" Margin="10,10,0,0" Name="dataGrid1"
      VerticalAlignment="Top" Width="302" >
 
         <sdk:DataGrid.Columns>
 
            <sdk:DataGridTextColumn Header="Column 1" Width="100" CanUserResize="False"
            IsReadOnly="True" Binding="{Binding col1}" />
            <sdk:DataGridTextColumn Header="Column 2" Width="100" CanUserResize="False"
            IsReadOnly="True" Binding="{Binding col2}" />
            <sdk:DataGridTextColumn Header="Column 3" Width="100" CanUserResize="False"
            IsReadOnly="True" Binding="{Binding col3}" />
 
         </sdk:DataGrid.Columns>
 
      </sdk:DataGrid>
 
   </Grid>
 

 

   MainPage.xaml.cs
 
   using System.Collections.Generic;
 
   public partial class MainPage : UserControl
   {
      public MainPage()
      {
         InitializeComponent();
 
         List<DataItem> datas = new List<DataItem>();
         datas.Add(new DataItem { col1 = "11", col2 = "21", col3 = "31" });
         datas.Add(new DataItem { col1 = "12", col2 = "22", col3 = "32" });
         datas.Add(new DataItem { col1 = "13", col2 = "23", col3 = "33" });
 
         this.dataGrid1.ItemsSource = datas;
      }
   }
 
   public class DataItem
   {
      private string _col1;
      private string _col2;
      private string _col3;
 
      public string col1
      {
         get { return _col1; }
         set { _col1 = value; }
      }
 
      public string col2
      {
         get { return _col2; }
         set { _col2 = value; }
      }
 
      public string col3
      {
         get { return _col3; }
         set { _col3 = value; }
      }
   }