Silverlight学习笔记三：如何自定义DataGrid的Header

核心提示： 第三步，在DataGrid页面上添加Resources，Silverlight学习笔记三：如何自定义DataGrid的Header(4)，如下：<UserControl.Resources><Stylex:Key="grid-header"Target

第三步，在DataGrid页面上添加Resources。如下：

<UserControl.Resources>
　<Stylex:Key="grid-header"TargetType="primitives:DataGridColumnHeader">
　<SetterProperty="VerticalAlignment"Value="Center"/>
　<SetterProperty="HorizontalAlignment"Value="Stretch"/>
　<SetterProperty="Template">
　<Setter.Value>
　<ControlTemplate>
　<my:GridHeaderHeaderText="{TemplateBindingContent}"Height="Auto"Loaded="GridHeader_Loaded"/>
　</ControlTemplate>
　</Setter.Value>
　</Setter>
　</Style>
　</UserControl.Resources

注意，要在文件头部加上

xmlns:my="clr-namespace:SilverlightDemoApp;assembly=SilverlightDemoApp"

就是这个my:GridHeader的namespace和assembly信息。不然就找不到my:GridHeader的了。

第四步，实现DataGrid所在页面的代码。

基础的代码可以见我的前一篇文档。

Silverlight学习笔记二：DataGrid 服务器端分页、排序的实现

Silverlight学习笔记二（续）

这里主要写一下修改的地方

xaml中的DataGrid部分。

　<!--DataGrid-->
　<data:DataGridx:Name="dgData"AutoGenerateColumns="False"
　SelectionMode="Single"IsReadOnly="True"
　Grid.Column="0"Grid.Row="2"
　Height="Auto"Width="Auto"CanUserSortColumns="False"
　CanUserReorderColumns="False"
　MouseEnter="dgData_MouseEnter"MouseLeave="dgData_MouseLeave"
　>
　<data:DataGrid.Columns>
　<data:DataGridTextColumnHeader="产品编号"Binding="{BindingProductID}"></data:DataGridTextColumn>
　<data:DataGridTextColumnHeader="产品名称"Binding="{BindingProductName}"></data:DataGridTextColumn>
　<data:DataGridTextColumnHeader="单价"Binding="{BindingUnitPrice}"></data:DataGridTextColumn>
　<data:DataGridTextColumnHeader="库存数量"Binding="{BindingUnitsInStock}"></data:DataGridTextColumn>
　<data:DataGridTextColumnHeader="订单数量"Binding="{BindingUnitsOnOrder}"></data:DataGridTextColumn>
　<data:DataGridTextColumnHeader="规格"Binding="{BindingQuantityPerUnit}"></data:DataGridTextColumn>
　<data:DataGridCheckBoxColumnHeader="是否停产"Binding="{BindingDiscontinued}"></data:DataGridCheckBoxColumn>
　<data:DataGridTemplateColumnHeader="操作">
　<data:DataGridTemplateColumn.CellTemplate>
　<DataTemplate>
　<StackPanelOrientation="Horizontal">
　<Buttonx:Name="btnEdit"Content="编辑"></Button>
　<Buttonx:Name="btnDelete"Content="删除"></Button>
　</StackPanel>
　</DataTemplate>
　</data:DataGridTemplateColumn.CellTemplate>
　</data:DataGridTemplateColumn>
　</data:DataGrid.Columns>
　</data:DataGrid>