利用模板列实现DataGrid控件的双向排序

    初用DataGrid控件，想实现点击表头来对数据进行双向排序，费了老半天工夫才摸索出如下的东东来，请看效果图：  
   

DataGrid设置如下：

<asp:DataGrid id="faggruppeGrid" runat="server" BorderColor="Black" BorderWidth="1px" CellPadding="3"
    Width="300px" HeaderStyle-BackColor="#7f9db9" HorizontalAlign="Center" AutoGenerateColumns="False"
    AllowSorting="True">
    <HeaderStyle BackColor="#7F9DB9"></HeaderStyle>
    <Columns>
    <!-- 第一列 -->
     <asp:TemplateColumn>
      <HeaderTemplate>
       <asp:LinkButton id="lbFag" runat="server" CommandName="sort" CommandArgument="Fag" CausesValidation="False">Fag</asp:LinkButton>
       <asp:Image Runat="server" ID="ImgFag" ImageUrl="../images/Up.gif" Visible="False" />    <!--箭头图标-->
      </HeaderTemplate>
      <ItemTemplate>
       <asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Fag") %>' ID="Label1"/>
      </ItemTemplate>
     </asp:TemplateColumn>
    <!-- 第二列 -->
     <asp:TemplateColumn>
      <HeaderTemplate>
       <asp:LinkButton id="lbNavn" runat="server" CommandName="sort" CommandArgument="Navn" CausesValidation="False">Navn</asp:LinkButton>
       <asp:Image Runat="server" ID="ImgNavn" ImageUrl="../images/Up.gif" Visible="False" />
      </HeaderTemplate>
      <ItemTemplate>
       <asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Navn") %>' ID="Label2"/>
      </ItemTemplate>
     </asp:TemplateColumn>
    <!-- 第三列 -->
     <asp:HyperLinkColumn DataNavigateUrlField="Fag" DataNavigateUrlFormatString="JavaScript:ReturnFagnummer('{0}');" Text="Indsæt" />
    </Columns>
   </asp:DataGrid>

后台处理代码：

 

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using Pensam.Praesentation.BMSWIService;
using Pensam.GenNS;
using Microsoft.ApplicationBlocks.ExceptionManagement;

namespace Pensam.Praesentation.Medarbejder
}