最近在使用ASP.net 2.0的GridView 控件时,发现排序与分页功能Microsoft实现的都很简单,比如排序,在点击列名的时候来触发整页的PostBack,然后排序,但是在列头上没有一个显示升序降序的图标,这会让最终用户使用时很迷惑,因为不知道是升序了还是降序了,
所以今天首先解决的第一问题就是升序降序在列上显示图标,第二要解决的问题是默认GridView按列排序只能排一列的,也就是不能进行多列排序,而在实际应用中仅仅按照一列来排序是不能满足业务需求的,第三是GridView 分页问题,GridView预定义的分页页码显示,比较简单,而实际应用中,分页可能不是只显示首页,上一页,下一页,末页,或者是数字的页码那么简单,应该更需要,跳转,当前的页码,总页数等,更详尽的信息。
第一:GridView 多列排序与排序图标显示
首先我们可以新建一个类库程序,主要需要引用System.Web.Dll文件
然后新建一个类,这个类继承与GridView控件,我们只需要对部分方法进行重新即可。
我的演示的例子,采用了单列排序,如果启用多列排序,把控件的AllowMultiColumnSorting设置为True就是
多列排序。
<
script
runat
="server"
>
void PageDropDownList_SelectedIndexChanged(Object sender, EventArgs e)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
GridViewRow pagerRow = CustomersGridView.BottomPagerRow;
DropDownList pageList = (DropDownList)pagerRow.Cells[0].FindControl("PageDropDownList");
CustomersGridView.PageIndex = pageList.SelectedIndex;
}
void CustomersGridView_DataBound(Object sender, EventArgs e)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
GridViewRow pagerRow = CustomersGridView.BottomPagerRow;
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
LinkButton linkBtnFirst = (LinkButton)pagerRow.Cells[0].FindControl("linkBtnFirst");
LinkButton linkBtnPrev = (LinkButton)pagerRow.Cells[0].FindControl("linkBtnPrev");
LinkButton linkBtnNext = (LinkButton)pagerRow.Cells[0].FindControl("linkBtnNext");
LinkButton linkBtnLast = (LinkButton)pagerRow.Cells[0].FindControl("linkBtnLast");
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
if (CustomersGridView.PageIndex == 0)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
linkBtnFirst.Enabled = false;
linkBtnPrev.Enabled = false;
}
else if (CustomersGridView.PageIndex == CustomersGridView.PageCount-1)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
linkBtnLast.Enabled = false;
linkBtnNext.Enabled = false;
}
else if (CustomersGridView.PageCount<=0)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
linkBtnFirst.Enabled = false;
linkBtnPrev.Enabled = false;
linkBtnNext.Enabled = false;
linkBtnLast.Enabled = false;
}
DropDownList pageList = (DropDownList)pagerRow.Cells[0].FindControl("PageDropDownList");
Label pageLabel = (Label)pagerRow.Cells[0].FindControl("CurrentPageLabel");
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
if (pageList != null)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
for (int i = 0; i < CustomersGridView.PageCount; i++)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
int pageNumber = i + 1;
ListItem item = new ListItem(pageNumber.ToString() + "/" + CustomersGridView.PageCount.ToString(), pageNumber.ToString());
if (i == CustomersGridView.PageIndex)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
item.Selected = true;
}
pageList.Items.Add(item);
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
}
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
}
if (pageLabel != null)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
int currentPage = CustomersGridView.PageIndex + 1;
pageLabel.Text = "当前页: " + currentPage.ToString() +
" / " + CustomersGridView.PageCount.ToString();
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/122bbf78fb97460c0cb0dfd680f4aa92.gif)
</
script
>
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
<
html
>
<
body
>
<
form
id
="Form1"
runat
="server"
>
<
h3
>
GridView PagerTemplate Example
</
h3
>
<
asp:WebGridView
ID
="CustomersGridView"
DataSourceID
="CustomersSqlDataSource"
AutoGenerateColumns
="true"
AllowPaging
="true"
OnDataBound
="CustomersGridView_DataBound"
SortAscImageUrl
="~/images/arrow-up.gif"
SortDescImageUrl
="~/images/arrow-down.gif"
runat
="server"
AllowSorting
="True"
Width
="723px"
>
<
PagerStyle
ForeColor
="Blue"
BackColor
="LightBlue"
/>
<
PagerTemplate
>
<
table
width
="100%"
>
<
tr
>
<
td
width
="70%"
>
<
asp:Label
ID
="MessageLabel"
ForeColor
="Blue"
Text
="页码:"
runat
="server"
/>
<
asp:DropDownList
ID
="PageDropDownList"
AutoPostBack
="true"
OnSelectedIndexChanged
="PageDropDownList_SelectedIndexChanged"
runat
="server"
/>
<
asp:LinkButton
CommandName
="Page"
CommandArgument
="First"
ID
="linkBtnFirst"
runat
="server"
>
首页
</
asp:LinkButton
>
<
asp:LinkButton
CommandName
="Page"
CommandArgument
="Prev"
ID
="linkBtnPrev"
runat
="server"
>
上一页
</
asp:LinkButton
>
<
asp:LinkButton
CommandName
="Page"
CommandArgument
="Next"
ID
="linkBtnNext"
runat
="server"
>
下一页
</
asp:LinkButton
>
<
asp:LinkButton
CommandName
="Page"
CommandArgument
="Last"
ID
="linkBtnLast"
runat
="server"
>
末页
</
asp:LinkButton
>
</
td
>
<
td
width
="70%"
align
="right"
>
<
asp:Label
ID
="CurrentPageLabel"
ForeColor
="Blue"
runat
="server"
/>
</
td
>
</
tr
>
</
table
>
</
PagerTemplate
>
</
asp:WebGridView
>
<
asp:SqlDataSource
ID
="CustomersSqlDataSource"
SelectCommand
="Select [CustomerID], [CompanyName], [Address], [City], [PostalCode], [Country] From [Customers]"
ConnectionString
="<%$ ConnectionStrings:NorthWindConnectionString%>"
runat
="server"
>
</
asp:SqlDataSource
>
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
</
form
>
</
body
>
</
html
>
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
第一:GridView 多列排序与排序图标显示
首先我们可以新建一个类库程序,主要需要引用System.Web.Dll文件
然后新建一个类,这个类继承与GridView控件,我们只需要对部分方法进行重新即可。
我的演示的例子,采用了单列排序,如果启用多列排序,把控件的AllowMultiColumnSorting设置为True就是
多列排序。
1
public
class
WebGridView:GridView
2![](https://i-blog.csdnimg.cn/blog_migrate/6b8144ecce8e8ce59b66d0148538d0ef.gif)
{
3![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
属性#region 属性
4![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
/**//// <summary>
5
/// 是否启用或者禁止多列排序
6
/// </summary>
7
[
8
Description("是否启用多列排序功能"),
9
Category("排序"),
10
DefaultValue("false"),
11
]
12
public bool AllowMultiColumnSorting
13![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
14
get
15![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
16
object o = ViewState["EnableMultiColumnSorting"];
17
return (o != null ? (bool)o : false);
18
}
19
set
20![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
21
AllowSorting = true;
22
ViewState["EnableMultiColumnSorting"] = value;
23
}
24
}
25![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
/**//// <summary>
26
/// 升序时显示图标
27
/// </summary>
28
[
29
Description("升序时显示图标"),
30
Category("排序"),
31
Editor("System.Web.UI.Design.UrlEditor", typeof(System.Drawing.Design.UITypeEditor)),
32
DefaultValue(""),
33![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
34
]
35
public string SortAscImageUrl
36![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
37
get
38![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
39
object o = ViewState["SortImageAsc"];
40
return (o != null ? o.ToString() : "");
41
}
42
set
43![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
44
ViewState["SortImageAsc"] = value;
45
}
46
}
47![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
/**//// <summary>
48
/// 降序时显示图标
49
/// </summary>
50
[
51
Description("降序时显示图标"),
52
Category("排序"),
53
Editor("System.Web.UI.Design.UrlEditor", typeof(System.Drawing.Design.UITypeEditor)),
54
DefaultValue(""),
55
]
56
public string SortDescImageUrl
57![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
58
get
59![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
60
object o = ViewState["SortImageDesc"];
61
return (o != null ? o.ToString() : "");
62
}
63
set
64![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
65
ViewState["SortImageDesc"] = value;
66
}
67
}
68
#endregion
69![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
重写方法#region 重写方法
70
protected override void OnSorting(GridViewSortEventArgs e)
71![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
72
if (AllowMultiColumnSorting)
73![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
74
e.SortExpression = GetSortExpression(e);
75
}
76![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
77
base.OnSorting(e);
78
}
79
protected override void OnRowCreated(GridViewRowEventArgs e)
80![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
81
if (e.Row.RowType == DataControlRowType.Header)
82![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
83
if (SortExpression != String.Empty)
84![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
85
DisplaySortOrderImages(SortExpression, e.Row);
86
this.CreateRow(0, 0, DataControlRowType.EmptyDataRow, DataControlRowState.Normal);
87
}
88
}
89
base.OnRowCreated(e);
90
}
91
#endregion
92![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
受保护的方法#region 受保护的方法
93![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
/**//// <summary>
94
/// 获取排序表达式
95
/// </summary>
96
protected string GetSortExpression(GridViewSortEventArgs e)
97![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
98
string[] sortColumns = null;
99
string sortAttribute = SortExpression;
100![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
101
if (sortAttribute != String.Empty)
102![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
103
sortColumns = sortAttribute.Split(",".ToCharArray());
104
}
105
if (sortAttribute.IndexOf(e.SortExpression) > 0 || sortAttribute.StartsWith(e.SortExpression))
106![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
107
sortAttribute = ModifySortExpression(sortColumns, e.SortExpression);
108
}
109
else
110![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
111
sortAttribute += String.Concat(",", e.SortExpression, " ASC ");
112
}
113
return sortAttribute.TrimStart(",".ToCharArray()).TrimEnd(",".ToCharArray());
114![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
115
}
116![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
/**//// <summary>
117
/// 修改排序顺序
118
/// </summary>
119
protected string ModifySortExpression(string[] sortColumns, string sortExpression)
120![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
121
string ascSortExpression = String.Concat(sortExpression, " ASC ");
122
string descSortExpression = String.Concat(sortExpression, " DESC ");
123![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
124
for (int i = 0; i < sortColumns.Length; i++)
125![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
126![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
127
if (ascSortExpression.Equals(sortColumns[i]))
128![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
129
sortColumns[i] = descSortExpression;
130
}
131![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
132
else if (descSortExpression.Equals(sortColumns[i]))
133![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
134
Array.Clear(sortColumns, i, 1);
135
}
136
}
137![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
138
return String.Join(",", sortColumns).Replace(",,", ",").TrimStart(",".ToCharArray());
139![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
140
}
141![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
/**//// <summary>
142
/// 获取当前的表达式对所选列进行排序
143
/// </summary>
144
protected void SearchSortExpression(string[] sortColumns, string sortColumn, out string sortOrder, out int sortOrderNo)
145![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
146
sortOrder = "";
147
sortOrderNo = -1;
148
for (int i = 0; i < sortColumns.Length; i++)
149![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
150
if (sortColumns[i].StartsWith(sortColumn))
151![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
152
sortOrderNo = i + 1;
153
if (AllowMultiColumnSorting)
154![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
155
sortOrder = sortColumns[i].Substring(sortColumn.Length).Trim();
156
}
157
else
158![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
159
sortOrder = ((SortDirection == SortDirection.Ascending) ? "ASC" : "DESC");
160
}
161
}
162
}
163
}
164![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
/**//// <summary>
165
/// 绘制升序降序的图片
166
/// </summary>
167
protected void DisplaySortOrderImages(string sortExpression, GridViewRow dgItem)
168![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
169
string[] sortColumns = sortExpression.Split(",".ToCharArray());
170![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
171
for (int i = 0; i < dgItem.Cells.Count; i++)
172![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
173
if (dgItem.Cells[i].Controls.Count > 0 && dgItem.Cells[i].Controls[0] is LinkButton)
174![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
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![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
181
string sortImgLoc = (sortOrder.Equals("ASC") ? SortAscImageUrl : SortDescImageUrl);
182![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
183
if (sortImgLoc != String.Empty)
184![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
185
Image imgSortDirection = new Image();
186
imgSortDirection.ImageUrl = sortImgLoc;
187
dgItem.Cells[i].Controls.Add(imgSortDirection);
188![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
189
}
190
else
191![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
192![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
193
if (AllowMultiColumnSorting)
194![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
{
195
Literal litSortSeq = new Literal();
196
litSortSeq.Text = sortOrderNo.ToString();
197
dgItem.Cells[i].Controls.Add(litSortSeq);
198![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
199
}
200
}
201
}
202
}
203
}
204![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
205
}
206
#endregion
207
}
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
2
![](https://i-blog.csdnimg.cn/blog_migrate/6b8144ecce8e8ce59b66d0148538d0ef.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/fd1082347aacfb76f9ebba95b02dbadc.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
3
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
4
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
5
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
6
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
7
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
8
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
9
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
10
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
11
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
12
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
13
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
14
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
15
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
16
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
17
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
18
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
19
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
20
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
21
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
22
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
23
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
24
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
25
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
26
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
27
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
28
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
29
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
30
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
31
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
32
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
33
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
34
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
35
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
36
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
37
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
38
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
39
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
40
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
41
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
42
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
43
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
44
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
45
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
46
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
47
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
48
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
49
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
50
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
51
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
52
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
53
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
54
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
55
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
56
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
57
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
58
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
59
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
60
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
61
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
62
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
63
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
64
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
65
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
66
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
67
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
68
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
69
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
70
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
71
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
72
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
73
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
74
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
75
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
76
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
77
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
78
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
79
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
80
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
81
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
82
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
83
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
84
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
85
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
86
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
87
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
88
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
89
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
90
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
91
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
92
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
93
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
94
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
95
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
96
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
97
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
98
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
99
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
100
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
101
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
102
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
103
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
104
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
105
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
106
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
107
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
108
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
109
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
110
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
111
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
112
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
113
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
114
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
115
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
116
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
117
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
118
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
119
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
120
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
121
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
122
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
123
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
124
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
125
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
126
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
127
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
128
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
129
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
130
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
131
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
132
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
133
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
134
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
135
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
136
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
137
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
138
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
139
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
140
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
141
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
142
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
143
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
144
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
145
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
146
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
147
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
148
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
149
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
150
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
151
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
152
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
153
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
154
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
155
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
156
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
157
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
158
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
159
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
160
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
161
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
162
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
163
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
164
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
165
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
166
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
167
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
168
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
169
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
170
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
171
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
172
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
173
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
174
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
175
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
176
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
177
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
178
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
179
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
180
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
181
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
182
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
183
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
184
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
185
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
186
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
187
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
188
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
189
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
190
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
191
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
192
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
193
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
194
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
195
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
196
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
197
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
198
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
199
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
200
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
201
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
202
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
203
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
204
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
205
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
206
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
207
![](https://i-blog.csdnimg.cn/blog_migrate/122bbf78fb97460c0cb0dfd680f4aa92.gif)
第二:详尽的分页信息显示,此功能没有封装成控件形式,直接在GridView_DataBound事件中对尾页操作即可。
下面是多列排序与分页显示代码的演示
![](https://i-blog.csdnimg.cn/blog_migrate/6b8144ecce8e8ce59b66d0148538d0ef.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/fd1082347aacfb76f9ebba95b02dbadc.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c42f431cddb2ef50909fd67b63c3af4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/36531f6fcde219fbaaa97f3459f320eb.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/aef47528e82fdbb8327b21b508c304d1.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/358749e03a70d97ff03be5807dc2c15a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b8019145d6c9a6cdafe017ad16ce2633.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/122bbf78fb97460c0cb0dfd680f4aa92.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4c9766bcef689a2230e05c520feb873a.gif)
效果:
如需要源码者:请加入WinFX团队。