本文介绍如何在ASP.NET应用程序中为GridView控件添加排序功能，并使用UP.GIF和DOWN.GIF图标来显示当前列的排序状态。通过检测GridView的排序表达式和方向，可以在表头的每个单元格内动态添加相应的升序或降序图标。
headertemplate中加一张UP.GIF和DOWN.GIF(就是升序，倒序的示意图）
%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<script runat="server">
void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
{
if (e.Row != null && e.Row.RowType == DataControlRowType.Header)
{
foreach (TableCell cell in e.Row.Cells)
{
if (cell.HasControls())
{
LinkButton button = cell.Controls[0] as LinkButton;
if (button != null)
{
Image image = new Image();
image.ImageUrl = "default.gif";
if (GridView1.SortExpression == button.CommandArgument)
{
if (GridView1.SortDirection == SortDirection.Ascending)
image.ImageUrl = "up.gif";
else
image.ImageUrl = "down..gif";
}
cell.Controls.Add(image);
}
}
}
}
}
</script>
<head id="Head1" runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" Runat="server" DataSourceID="SqlDataSource1" AllowSorting="True" AutoGenerateColumns="False" OnRowCreated="GridView1_RowCreated">
<Columns>
<asp:BoundField HeaderText="customerid" DataField="CustomerID"></asp:BoundField>
<asp:BoundField HeaderText="companyname" DataField="CompanyName" SortExpression="CompanyName"></asp:BoundField>
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" Runat="server" SelectCommand="SELECT customerid,companyname FROM customers " ConnectionString="server=localhost;uid=sa;password=XXX;database=northwind">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
扫一扫
3670
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
