|
作者:玄魂 出处:http://www.cnblogs.com/xuanhun/ 原文链接:http://www.cnblogs.com/xuanhun/ 更多内容,请访问我的个人站点 对编程,安全感兴趣的,加qq群:hacking-1群:303242737,hacking-2群:147098303,nw.js,electron交流群 313717550。 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 如有商业用途请联系本人:xuanhun521@126.com
今天要为网站做一个文章列表,发现GridView的分页样式很难看,于是结合网上的例子,自己做了一个。不是很美观,不过还是很实用的,先看下效果吧,如图(1)。演示地址http://www.veryam.com/page.aspx?c=1589&fn=tj

图(1)GridView分页效果
自定义GridView的分页样式,使用的是GridView的 <PagerTemplate>元素。我们先看这段分页代码。
按 Ctrl+C 复制代码
按 Ctrl+C 复制代码
<asp:Label ID="lblPage" runat="server" Text='<%# "第" + (((GridView)Container.NamingContainer).PageIndex + 1) + "页/共" + (((GridView)Container.NamingContainer).PageCount) + "页" %> '></asp:Label>
这句代码是显示数据供有几页,当前在第几页。我们通过((GridView)Container.NamingContainer).PageIndex来获取当前页,通过((GridView)Container.NamingContainer).PageCount来获取总页数。
<asp:LinkButton ID="lbnFirst" runat="Server" Text="首页" Enabled='<%# ((GridView)Container.NamingContainer).PageIndex != 0 %>' CommandName="Page" CommandArgument="First" ></asp:LinkButton>
这一句代码实现跳转到列表的第一页,后台代码通过响应GridView.RowCommand 事件,根据CommandName="Page"和CommandArgument="First"来定位到分页列表的第一页。GridView中的任何一个按钮被点击都会触发RowCommand 事件,我们可以通过该事件来自定义处理程序。更多的时候建议使用GridView内置的属性。下表是MSDN上对GridView内置属性的一个简单说明。
在这个自定义分页中,上一页,下一页,尾页和首页都使用了内置属性。
到第<asp:TextBox runat="server" ID="inPageNum"></asp:TextBox>页 <asp:Button ID="Button1" CommandName="go" runat="server" />
这段代码是实现用户自己输入页码,然后点击Button跳转的的前台代码。为了使用RowCommand 事件,我们自定义了CommandName="go",当然你也可以在这里添加 CommandArgument以传递更多的信息。
前台代码就这些,下面我们介绍后台代码。
private
void
BindGridView() {
using
(BlogDataContext bdc
=
new
BlogDataContext()) { var artList
=
bdc.Blog_GetAllCommentationArticles(); Blog_GetAllCommentationArticlesResult g
=
new
Blog_GetAllCommentationArticlesResult(); GridView1.DataSource
=
artList; GridView1.DataBind(); } }
protected
void
GridView1_PageIndexChanging(
object
sender, GridViewPageEventArgs e) {
try
{ GridView1.PageIndex
=
e.NewPageIndex; BindGridView();
TextBox tb
=
(TextBox)GridView1.BottomPagerRow.FindControl(
"
inPageNum
"
); tb.Text
=
(GridView1.PageIndex
+
1
).ToString(); }
catch
{ } }
protected
void
GridView1_RowCommand(
object
sender, GridViewCommandEventArgs e) {
if
(e.CommandName
==
"
go
"
) {
try
{ TextBox tb
=
(TextBox)GridView1.BottomPagerRow.FindControl(
"
inPageNum
"
);
int
num
=
Int32.Parse(tb.Text); GridViewPageEventArgs ea
=
new
GridViewPageEventArgs(num
-
1
); GridView1_PageIndexChanging(
null
, ea); }
catch
{ } } }
这里主要有三个方法, BindGridView()方法,从数据库提取数据绑定到GridView控件。 GridView1_PageIndexChanging方法,在用户单击上一页,下一页,首页,尾页的时候,通过 GridView1.PageIndex = e.NewPageIndex语句来设置GridView控件应该显示的分页数据,然后通过 TextBox tb = (TextBox)GridView1.BottomPagerRow.FindControl("inPageNum"); tb.Text = (GridView1.PageIndex + 1).ToString();语句在Textbox中显示当前页码。
GridView1_RowCommand方法,在这里是响应用户自己输入页码点击Button按钮的事件。首先获取用户输入的页码数,然后调用 GridView1_PageIndexChanging方法,使GridView更新数据。
这个例子来源网上,但是没有解释的很清楚的,也许这样的例子不用解释,本人就当画蛇添足了。 |