使用AspNetPager与GridView完成分页
2010-07-15 11:25
302 查看
由于GridView的分页功能实在是太弱了,所以需要使用强大的AspNetPager来作为分页控件。最简单的办法就是GridView控件下面接着放一个AspNetPager控件,但是这样好像就不能用GridView的分页功能了。在数据量不大的情况下,使用GridView的分页是十分方便有效的。另外还有一个问题就是分页控件在GridView生成的表格的下面,而没有像GridView自带分页那样包含到表格内部,这点也不是很爽。
要解决以上的问题,可以将AspNetPager放入GridView的分页模板(PagerTemplate)中,如下代码所示:
但是这样做要解决几个问题:
(1)这个GridView每一页的行数AspNetPager并不知道。解决办法:为AspNetPager添加属性PageSize="<%# ((GridView)Container.NamingContainer).PageSize%>"
(2)这个GridView绑定的总记录数AspNetPager也不知道。解决办法:为AspNetPager添加属性RecordCount="<%#((IList)(((GridView)Container.NamingContainer).DataSource)).Count %>"
(3)这个GridView当前在第几页AspNetPager也不知道。这个问题的解决可不像前面那么简单了,通过设置属性CurrentPageIndex的方式AspNetPager根本不认!(估计是AspNetPager的一个Bug吧)要解决这个问题就只有在每次翻页时后台代码中为AspNetPager设置CurrentPageIndex属性。
(4)使用AspNetPager后GridView并不会触发PageChanging事件。但是要触发AspNetPager的PageChanging事件,所以可以为分页模板中的AspNetPager控件添加事件处理:OnPageChanging="AspNetPager1_PageChanging",对应的就是分页的后台代码:
OK,以上4个问题都解决了,我们的GridView+AspNetPager的分页就完成了!另外如果觉得AspNetPager的样式不好看可以再定义一下CSS。最后完整的代码是:
【出自博客园深蓝居,转载请注明作者出处】
要解决以上的问题,可以将AspNetPager放入GridView的分页模板(PagerTemplate)中,如下代码所示:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" AllowPaging="True"> <Columns> <asp:BoundField DataField="DmId" HeaderText="序号" ReadOnly="True" SortExpression="DMID" /> …… …… </Columns> <PagerStyle HorizontalAlign="Center" /> <PagerTemplate> <asp:AspNetPager ID="AspNetPager1" runat="server" ShowBoxThreshold="5" ShowPageIndexBox="Auto" CenterCurrentPageButton="True"> </asp:AspNetPager> </PagerTemplate> </asp:GridView>
但是这样做要解决几个问题:
(1)这个GridView每一页的行数AspNetPager并不知道。解决办法:为AspNetPager添加属性PageSize="<%# ((GridView)Container.NamingContainer).PageSize%>"
(2)这个GridView绑定的总记录数AspNetPager也不知道。解决办法:为AspNetPager添加属性RecordCount="<%#((IList)(((GridView)Container.NamingContainer).DataSource)).Count %>"
(3)这个GridView当前在第几页AspNetPager也不知道。这个问题的解决可不像前面那么简单了,通过设置属性CurrentPageIndex的方式AspNetPager根本不认!(估计是AspNetPager的一个Bug吧)要解决这个问题就只有在每次翻页时后台代码中为AspNetPager设置CurrentPageIndex属性。
(4)使用AspNetPager后GridView并不会触发PageChanging事件。但是要触发AspNetPager的PageChanging事件,所以可以为分页模板中的AspNetPager控件添加事件处理:OnPageChanging="AspNetPager1_PageChanging",对应的就是分页的后台代码:
protected void AspNetPager1_PageChanging(object src, Wuqi.Webdiyer.PageChangingEventArgs e) { this.GridView1.PageIndex = e.NewPageIndex - 1;//这儿需要注意,AspNetPager中的PageIndex是从1开始的,而GridView的是从0开始的,所以要减1. Bind();//GridView的数据绑定方法 Wuqi.Webdiyer.AspNetPager pager = this.GridView1.BottomPagerRow.FindControl("AspNetPager1") as Wuqi.Webdiyer.AspNetPager; pager.CurrentPageIndex = e.NewPageIndex;//这里就是为了解决前面的第3个问题。 }
OK,以上4个问题都解决了,我们的GridView+AspNetPager的分页就完成了!另外如果觉得AspNetPager的样式不好看可以再定义一下CSS。最后完整的代码是:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" AllowPaging="True"> <Columns> <asp:BoundField DataField="DmId" HeaderText="序号" ReadOnly="True" SortExpression="DMID" /> …… …… </Columns> <PagerStyle CssClass="GridViewPager" HorizontalAlign="Center" /> <PagerTemplate> <asp:AspNetPager ID="AspNetPager1" runat="server" ShowBoxThreshold="5" ShowPageIndexBox="Auto" PageSize="<%# ((GridView)Container.NamingContainer).PageSize%>" OnPageChanging="AspNetPager1_PageChanging" RecordCount="<%#((IList)(((GridView)Container.NamingContainer).DataSource)).Count %>" CenterCurrentPageButton="True"> </asp:AspNetPager> </PagerTemplate> </asp:GridView> //以下是后台代码 protected void AspNetPager1_PageChanging(object src, Wuqi.Webdiyer.PageChangingEventArgs e) { this.GridView1.PageIndex = e.NewPageIndex - 1; Bind(); Wuqi.Webdiyer.AspNetPager pager = this.GridView1.BottomPagerRow.FindControl("AspNetPager1") as Wuqi.Webdiyer.AspNetPager; pager.CurrentPageIndex = e.NewPageIndex; }
【出自博客园深蓝居,转载请注明作者出处】
相关文章推荐
- 使用AspNetPager与GridView完成分页
- 使用AspNetPager与GridView完成分页
- 使用AspNetPager与GridView完成分页
- 使用AspNetPager与GridView完成分页
- 使用AspNetPager与GridView完成分页
- 使用AspNetPager与GridView完成分页
- 使用AspNetPager控件实现GridView分页
- 牛腩新闻 aspnetpager分页(使用GridView 分页,使用多表查询)判断传入id是否为数字是否为空 aspnetpager的CSS美化(判断类别是否为数字/空)
- [转]使用代码生成器快速生成可分页的GridView
- Repeater使用 AspNetPager分页控件
- 使用分页模板为GridView设置分页
- 关于AspNetPager分页控件和My97DatePicker日期控件的使用
- 【jquery模仿net控件】简单分页控件1.0,附上gridview使用测试
- Android中使用GridView分页显示系统所安装的应用,支持拖动与手势滑动
- 使用Gridview和ObjectDataSource轻松实现自定义分页
- GridView的使用及数据的回传带分页
- Asp.net之真假分页大揭秘、使用AspNetPager实现真分页
- Repeater使用 AspNetPager分页控件
- 将模版列功能改造成博客内容列表, 并使完成分页 (使用分页模板完成,显示上一页,下一页,第一页,最后一页,和当前第x页,共y页 。)
- 使用AspNetPager实现分页