萬盛學電腦網

 萬盛學電腦網 >> 網絡編程 >> asp.net編程 >> gridview自動排序示例分享

gridview自動排序示例分享

 GridView自帶了數據排序功能。在設計視圖下,只能對GridView的排序數據列和排序方向進行靜態設置。在後台程序中,則需要用Attributes方式對GridView的這兩個屬性進行動態設置

示例如下:前台    代碼如下: <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server">     <title>無標題頁</title> </head> <body>     <form id="form1" runat="server">     <div>         <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None" AllowSorting="True" OnSorting="GridView1_Sorting">             <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />             <RowStyle BackColor="#EFF3FB" />             <Columns>                 <asp:BoundField DataField="id" HeaderText="ID" SortExpression="id" />                 <asp:BoundField DataField="name" HeaderText="NAME" SortExpression="name" />                 <asp:BoundField DataField="age" HeaderText="AGE" SortExpression="age" />             </Columns>             <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />             <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />             <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />             <EditRowStyle BackColor="#2461BF" />             <AlternatingRowStyle BackColor="White" />         </asp:GridView>     </div>     </form> </body> </html>       前台注意點: 需要對GridView啟用AllowSorting、設置OnSorting事件,對需要排序的列設定SortExpression屬性。   後台    代碼如下: using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls;   public partial class _Default : System.Web.UI.Page  {     protected void Page_Load(object sender, EventArgs e)     {         if (!IsPostBack)         {             // 設定初始排序參數值               // 錯誤的屬性設置方法:SortExpression、SortDirection均是GridView只讀屬性,無法直接賦值。             //this.GridView1.SortExpression = "id";             //this.GridView1.SortDirection = "ASC";               // 正確的屬性設置方法             this.GridView1.Attributes.Add("SortExpression", "id");             this.GridView1.Attributes.Add("SortDirection", "ASC");               // 綁定數據源到GridView             this.BindGridView();         }     }       /// <summary>     /// GridView排序事件     /// </summary>     protected void GridView1_Sorting(object sender, GridViewSortEventArgs e)     {         // 從事件參數獲取排序數據列         string sortExpression = e.SortExpression.ToString();           // 假定為排序方向為“順序”         string sortDirection = "ASC";           // “ASC”與事件參數獲取到的排序方向進行比較,進行GridView排序方向參數的修改         if (sortExpression == this.GridView1.Attributes["SortExpression"])         {             //獲得下一次的排序狀態             sortDirection = (this.GridView1.Attributes["SortDirection"].ToString() == sortDirection ? "DESC" : "ASC");         }           // 重新設定GridView排序數據列及排序方向         this.GridView1.Attributes["SortExpression"] = sortExpression;         this.GridView1.Attributes["SortDirection"] = sortDirection;           this.BindGridView();     }       /// <summary>     /// 綁定到GridView     /// </summary>     private void BindGridView()     {         // 獲取GridView排序數據列及排序方向         string sortExpression = this.GridView1.Attributes["SortExpression"];         string sortDirection = this.GridView1.Attributes["SortDirection"];           // 調用業務數據獲取方法         DataTable dtBind = this.getDB();           // 根據GridView排序數據列及排序方向設置顯示的默認數據視圖         if ((!string.IsNullOrEmpty(sortExpression)) && (!string.IsNullOrEmpty(sortDirection)))         {             dtBind.DefaultView.Sort = string.Format("{0} {1}", sortExpression, sortDirection);         }           // GridView綁定並顯示數據         this.GridView1.DataSource = dtBind;         this.GridView1.DataBind();     }       /// <summary>     /// 獲取數據源的方法     /// </summary>     /// <returns>數據源</returns>     private DataTable getDB()     {         DataTable dt = new DataTable();           dt.Columns.Add("id");         dt.Columns.Add("name");         dt.Columns.Add("age");           dt.Rows.Add(new object[] { "000001", "hekui", "26" });         dt.Rows.Add(new object[] { "000002", "zhangyu", "26" });         dt.Rows.Add(new object[] { "000003", "zhukundian", "27" });         dt.Rows.Add(new object[] { "000004", "liyang", "25" });         dt.Rows.Add(new object[] { "000005", "caili", "27" });           return dt; &
copyright © 萬盛學電腦網 all rights reserved