zoukankan      html  css  js  c++  java
  • 使用AspNetPager与GridView完成分页

    由于GridView的分页功能实在是太弱了,所以需要使用强大的AspNetPager来作为分页控件。最简单的办法就是GridView控件下面接着放一个AspNetPager控件,但是这样好像就不能用GridView的分页功能了。在数据量不大的情况下,使用GridView的分页是十分方便有效的。另外还有一个问题就是分页控件在GridView生成的表格的下面,而没有像GridView自带分页那样包含到表格内部,这点也不是很爽。

    要解决以上的问题,可以将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;
    }
    【本文章出自博客园深蓝居,转载请注明作者出处,如果您觉得博主的文章对您有很大帮助,欢迎支付宝(studyzy@163.com)对博主进行打赏。】
  • 相关阅读:
    IE10标准模式不支持HTC (Html Components) ,升级重写Htc原有代码之一: 自定义属性
    Javascript 数组使用方法总结(转载)
    IE6IE9兼容性问题列表及解决办法_补充之六:锁表头的JQuery方案和非JQuery方案。(不支持IE6,7,8)
    软件国际化总结之一:数字与字符串之间的格式化和转化处理
    测试当前IE浏览器文档模型版本的js代码(使用documenMode)
    IE6IE9兼容性问题列表及解决办法_补充之五:在IE9下, disabled的文本框内容被选中后,其他控件无法获得焦点问题
    《从程序员到软件设计师的标志》(2010/05/10)
    《需求是软件设计师永远的痛》(2010/05/13)
    EOM与软件设计师开场白(2010/5/07)
    《软件设计师与程序员之间的拥抱和摆脱》(20101/05/11)
  • 原文地址:https://www.cnblogs.com/studyzy/p/1256877.html
Copyright © 2011-2022 走看看