快捷導(dǎo)航

ASP.Net2.0 GridView 多列排序，顯示排序圖標(biāo)，分頁(yè)

更新時(shí)間：2006年09月28日 00:00:00 作者：

最近在使用ASP.net 2.0的GridView 控件時(shí)，發(fā)現(xiàn)排序與分頁(yè)功能Microsoft實(shí)現(xiàn)的都很簡(jiǎn)單，比如排序，在點(diǎn)擊列名的時(shí)候來(lái)觸發(fā)整頁(yè)的PostBack，然后排序，但是在列頭上沒(méi)有一個(gè)顯示升序降序的圖標(biāo)，這會(huì)讓最終用戶使用時(shí)很迷惑，因?yàn)椴恢朗巧蛄诉€是降序了，所以今天首先解決的第一問(wèn)題就是升序降序在列上顯示圖標(biāo)，第二要解決的問(wèn)題是默認(rèn)GridView按列排序只能排一列的，也就是不能進(jìn)行多列排序，而在實(shí)際應(yīng)用中僅僅按照一列來(lái)排序是不能滿足業(yè)務(wù)需求的，第三是GridView 分頁(yè)問(wèn)題，GridView預(yù)定義的分頁(yè)頁(yè)碼顯示，比較簡(jiǎn)單，而實(shí)際應(yīng)用中，分頁(yè)可能不是只顯示首頁(yè)，上一頁(yè)，下一頁(yè)，末頁(yè)，或者是數(shù)字的頁(yè)碼那么簡(jiǎn)單，應(yīng)該更需要，跳轉(zhuǎn)，當(dāng)前的頁(yè)碼，總頁(yè)數(shù)等，更詳盡的信息。

第一：GridView 多列排序與排序圖標(biāo)顯示

首先我們可以新建一個(gè)類(lèi)庫(kù)程序，主要需要引用System.Web.Dll文件
然后新建一個(gè)類(lèi)，這個(gè)類(lèi)繼承與GridView控件，我們只需要對(duì)部分方法進(jìn)行重新即可。
我的演示的例子，采用了單列排序，如果啟用多列排序，把控件的AllowMultiColumnSorting設(shè)置為T(mén)rue就是
多列排序。

1    public class WebGridView:GridView
2    {
3        屬性#region 屬性
4        /**//// <summary>
5        /// 是否啟用或者禁止多列排序
6        /// </summary>
7        [
8        Description("是否啟用多列排序功能"),
9        Category("排序"),
10        DefaultValue("false"),
11        ]
12        public bool AllowMultiColumnSorting
13        {
14            get
15            {
16                object o = ViewState["EnableMultiColumnSorting"];
17                return (o != null ? (bool)o : false);
18            }
19            set
20            {
21                AllowSorting = true;
22                ViewState["EnableMultiColumnSorting"] = value;
23            }
24        }
25        /**//// <summary>
26        /// 升序時(shí)顯示圖標(biāo)
27        /// </summary>
28        [
29        Description("升序時(shí)顯示圖標(biāo)"),
30        Category("排序"),
31        Editor("System.Web.UI.Design.UrlEditor", typeof(System.Drawing.Design.UITypeEditor)),
32        DefaultValue(""),
33
34        ]
35        public string SortAscImageUrl
36        {
37            get
38            {
39                object o = ViewState["SortImageAsc"];
40                return (o != null ? o.ToString() : "");
41            }
42            set
43            {
44                ViewState["SortImageAsc"] = value;
45            }
46        }
47        /**//// <summary>
48        /// 降序時(shí)顯示圖標(biāo)
49        /// </summary>
50        [
51        Description("降序時(shí)顯示圖標(biāo)"),
52        Category("排序"),
53        Editor("System.Web.UI.Design.UrlEditor", typeof(System.Drawing.Design.UITypeEditor)),
54        DefaultValue(""),
55        ]
56        public string SortDescImageUrl
57        {
58            get
59            {
60                object o = ViewState["SortImageDesc"];
61                return (o != null ? o.ToString() : "");
62            }
63            set
64            {
65                ViewState["SortImageDesc"] = value;
66            }
67        }
68        #endregion
69        重寫(xiě)方法#region 重寫(xiě)方法
70        protected override void OnSorting(GridViewSortEventArgs e)
71        {
72            if (AllowMultiColumnSorting)
73            {
74                e.SortExpression = GetSortExpression(e);
75            }
76
77            base.OnSorting(e);
78        }
79        protected override void OnRowCreated(GridViewRowEventArgs e)
80        {
81            if (e.Row.RowType == DataControlRowType.Header)
82            {
83                if (SortExpression != String.Empty)
84                {
85                    DisplaySortOrderImages(SortExpression, e.Row);
86                    this.CreateRow(0, 0, DataControlRowType.EmptyDataRow, DataControlRowState.Normal);
87                }
88            }
89            base.OnRowCreated(e);
90        }
91        #endregion
92        受保護(hù)的方法#region 受保護(hù)的方法
93        /**//// <summary>
94        /// 獲取排序表達(dá)式
95        /// </summary>
96        protected string GetSortExpression(GridViewSortEventArgs e)
97        {
98            string[] sortColumns = null;
99            string sortAttribute = SortExpression;
100
101            if (sortAttribute != String.Empty)
102            {
103                sortColumns = sortAttribute.Split(",".ToCharArray());
104            }
105            if (sortAttribute.IndexOf(e.SortExpression) > 0 || sortAttribute.StartsWith(e.SortExpression))
106            {
107                sortAttribute = ModifySortExpression(sortColumns, e.SortExpression);
108            }
109            else
110            {
111                sortAttribute += String.Concat(",", e.SortExpression, " ASC ");
112            }
113            return sortAttribute.TrimStart(",".ToCharArray()).TrimEnd(",".ToCharArray());
114
115        }
116        /**//// <summary>
117        /// 修改排序順序
118        /// </summary>
119        protected string ModifySortExpression(string[] sortColumns, string sortExpression)
120        {
121            string ascSortExpression = String.Concat(sortExpression, " ASC ");
122            string descSortExpression = String.Concat(sortExpression, " DESC ");
123
124            for (int i = 0; i < sortColumns.Length; i++)
125            {
126
127                if (ascSortExpression.Equals(sortColumns[i]))
128                {
129                    sortColumns[i] = descSortExpression;
130                }
131
132                else if (descSortExpression.Equals(sortColumns[i]))
133                {
134                    Array.Clear(sortColumns, i, 1);
135                }
136            }
137
138            return String.Join(",", sortColumns).Replace(",,", ",").TrimStart(",".ToCharArray());
139
140        }
141        /**//// <summary>
142        /// 獲取當(dāng)前的表達(dá)式對(duì)所選列進(jìn)行排序
143        /// </summary>
144        protected void SearchSortExpression(string[] sortColumns, string sortColumn, out string sortOrder, out int sortOrderNo)
145        {
146            sortOrder = "";
147            sortOrderNo = -1;
148            for (int i = 0; i < sortColumns.Length; i++)
149            {
150                if (sortColumns[i].StartsWith(sortColumn))
151                {
152                    sortOrderNo = i + 1;
153                    if (AllowMultiColumnSorting)
154                    {
155                        sortOrder = sortColumns[i].Substring(sortColumn.Length).Trim();
156                    }
157                    else
158                    {
159                        sortOrder = ((SortDirection == SortDirection.Ascending) ? "ASC" : "DESC");
160                    }
161                }
162            }
163        }
164        /**//// <summary>
165        /// 繪制升序降序的圖片
166        /// </summary>
167        protected void DisplaySortOrderImages(string sortExpression, GridViewRow dgItem)
168        {
169            string[] sortColumns = sortExpression.Split(",".ToCharArray());
170
171            for (int i = 0; i < dgItem.Cells.Count; i++)
172            {
173                if (dgItem.Cells[i].Controls.Count > 0 && dgItem.Cells[i].Controls[0] is LinkButton)
174                {
175                    string sortOrder;
176                    int sortOrderNo;
177                    string column = ((LinkButton)dgItem.Cells[i].Controls[0]).CommandArgument;
178                    SearchSortExpression(sortColumns, column, out sortOrder, out sortOrderNo);
179                    if (sortOrderNo > 0)
180                    {
181                        string sortImgLoc = (sortOrder.Equals("ASC") ? SortAscImageUrl : SortDescImageUrl);
182
183                        if (sortImgLoc != String.Empty)
184                        {
185                            Image imgSortDirection = new Image();
186                            imgSortDirection.ImageUrl = sortImgLoc;
187                            dgItem.Cells[i].Controls.Add(imgSortDirection);
188
189                        }
190                        else
191                        {
192
193                            if (AllowMultiColumnSorting)
194                            {
195                                Literal litSortSeq = new Literal();
196                                litSortSeq.Text = sortOrderNo.ToString();
197                                dgItem.Cells[i].Controls.Add(litSortSeq);
198
199                            }
200                        }
201                    }
202                }
203            }
204
205        }
206        #endregion
207    }