使用Silverlight2dataGrid例子(完整XAML)

1.  <data:DataGrid x:Name="results" RowHeight="60" IsReadOnly="True" Width="800" Margin="14"
2.       RowBackground="#99FFFFFF" AlternatingRowBackground="#66FFFFFF"
3.       HeadersVisibility="None" GridlinesVisibility="Horizontal"             
4.       RowDetailsVisibility="VisibleWhenSelected" SelectionMode="SingleFullRow">
5.       <data:DataGrid.Columns>
6.         <data:DataGridTemplateColumn Width="80">
7.           <data:DataGridTemplateColumn.CellTemplate>
8.             <DataTemplate>
9.               <Border CornerRadius="5" BorderThickness="1" Margin="5" BorderBrush="DarkGray" Background="Black">
10.                 <Image Source="{Binding ImageUrl}" Stretch="UniformToFill" Margin="1"/>
11.               </Border>
12.             </DataTemplate>
13.           </data:DataGridTemplateColumn.CellTemplate>
14.         </data:DataGridTemplateColumn>
15.           
16.         <data:DataGridTextBoxColumn DisplayMemberBinding="{Binding Title}" FontSize="20" FontWeight="Bold" Width="527"/>
17.           
18.         <data:DataGridTemplateColumn Width="165">
19.           <data:DataGridTemplateColumn.CellTemplate>
20.             <DataTemplate>
21.               <StackPanel VerticalAlignment="Center">
22.                 <TextBlock Text="Source" Foreground="#666666" FontWeight="Bold" FontFamily="Trebuchet MS" FontSize="14"/>
23.                 <TextBlock Text="{Binding Source}" FontFamily="Trebuchet MS" FontSize="14"/>
24.               </StackPanel>
25.             </DataTemplate>
26.           </data:DataGridTemplateColumn.CellTemplate>
27.         </data:DataGridTemplateColumn> 
28.       </data:DataGrid.Columns>
29.       
30.       <data:DataGrid.RowDetailsTemplate>
31.         <DataTemplate>
32.           <!-- MouseLeave -->
33.           <Grid Margin="5,5,5,0" Background="Transparent">
34.             <Grid.ColumnDefinitions>
35.               <ColumnDefinition />
36.               <ColumnDefinition Width="Auto"/>
37.             </Grid.ColumnDefinitions>
38.               
39.             <Grid.RowDefinitions>
40.               <RowDefinition Height="Auto"/>                            
41.               <RowDefinition Height="10" />
42.             </Grid.RowDefinitions>
43.               
44.             <StackPanel>
45.               <TextBlock Text="{Binding Description}" TextWrapping="Wrap" Margin="5" FontFamily="Trebuchet MS" FontSize="16"/>
46.               <TextBlock Text="Posted On:" Foreground="#666666" Margin="5,5,5,0" FontFamily="Trebuchet MS" FontSize="14" FontWeight="Bold"/>
47.               <TextBlock Text="{Binding PublishDate}" Margin="5,0,5,5" FontFamily="Trebuchet MS" FontSize="14"/>
48.               <TextBlock Text="View Count:" Foreground="#666666" Margin="5,5,5,0" FontFamily="Trebuchet MS" FontSize="14" FontWeight="Bold"/>
49.               <TextBlock Text="{Binding ViewCount}" Margin="5,0,5,5" FontFamily="Trebuchet MS" FontSize="14"/>
50.             </StackPanel>
52.             <Border Grid.Column="1" Height="330" Width="440" CornerRadius="5" BorderThickness="1" Margin="5" BorderBrush="DarkGray" Background="Black" VerticalAlignment="Top">
53.               <Grid>
54.                 <MediaElement Margin="2" Source="{Binding VideoUrl}" AutoPlay="True"/>
55.                 <Button Content="Play" Width="50" Height="50" Margin="0,0,0,35" Opacity="0"/>
56.               </Grid>
57.             </Border>
58.           </Grid>
59.         </DataTemplate>
60.       </data:DataGrid.RowDetailsTemplate>
61.     </data:DataGrid>