GridView使用PagerTemplate分页

使用GridView的PagerTemplate分页。

1、在页面添加PagerTemplate模板。

<asp:GridView ID="GV_Node" SkinID="GridViewSkin" runat="server" AllowPaging="true" PageSize="15"
    AutoGenerateColumns="False"  Width="100%" CssClass="GridViewCss" 
    onpageindexchanging="GV_Node_PageIndexChanging">
        <EmptyDataRowStyle CssClass="EmptyRowCss" />
        <EditRowStyle CssClass="EditRowCss" />
        <RowStyle CssClass="RowCss" />
        <AlternatingRowStyle CssClass="AlterRowCss" />
        <PagerStyle CssClass="GridViewPagerCss" />
        <HeaderStyle CssClass="HeaderRowCss2" />
        <SelectedRowStyle CssClass="SelectRowCss" />
        <FooterStyle CssClass="FooterCss" />
        <Columns>
           
            <asp:TemplateField HeaderText="序号" ItemStyle-Width="60px" HeaderStyle-Wrap="false">
                <ItemStyle HorizontalAlign="Center" />
                <ItemTemplate>
                    <asp:Label ID="lblIndex" runat="server"><%#Container.DataItemIndex + 1%></asp:Label></ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="请选择" ItemStyle-Width="60px" HeaderStyle-Wrap="false">
                <ItemStyle HorizontalAlign="Center" />
                <ItemTemplate>
                    <asp:CheckBox ID="check" runat="server" />
                    </ItemTemplate>
            </asp:TemplateField>
           <asp:BoundField DataField="Dsparameters" HeaderText="参数" SortExpression="Dsparameters" ReadOnly="true"
                ItemStyle-Width="18%" ItemStyle-HorizontalAlign="Center" HeaderStyle-Wrap="false" />
             <asp:TemplateField HeaderText="上限值" ItemStyle-Width="18%" HeaderStyle-Wrap="false">
                <ItemStyle HorizontalAlign="Center" />
                <ItemTemplate>
                    <asp:TextBox ID="TopLimit" runat="server" Text='<%# Eval("TopLimit")%>'></asp:TextBox>
                    </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="下限值" ItemStyle-Width="18%" HeaderStyle-Wrap="false">
                <ItemStyle HorizontalAlign="Center" />
                <ItemTemplate>
                    <asp:TextBox ID="LowerLimit" runat="server" Text='<%# Eval("LowerLimit")%>'></asp:TextBox>
                    </ItemTemplate>
            </asp:TemplateField>
            <asp:BoundField DataField="lid" HeaderText="id"/><asp:BoundField DataField="sid" HeaderText="sid"/>
        </Columns>
       <span style="color:#FF6666;"> <PagerTemplate>
            <table width="100%" class="gvTable">
                <tr>
                    <td style="text-align: right">
                        当前第:
                        <%-- //((GridView)Container.NamingContainer)就是为了得到当前的控件--%>
                        <asp:Label ID="LabelCurrentPage" runat="server" Text="<%# ((GridView)Container.NamingContainer).PageIndex + 1 %>"></asp:Label>
                        页/共:
                        <%--  //得到分页页面的总数--%>
                        <asp:Label ID="LabelPageCount" runat="server" Text="<%# ((GridView)Container.NamingContainer).PageCount %>"></asp:Label>
                        页
                        <%-- //如果该分页是首分页，那么该连接就不会显示了.同时对应了自带识别的命令参数CommandArgument--%>
                        <asp:LinkButton ID="LinkButtonFirstPage" runat="server" CommandArgument="First" CommandName="Page"
                            Visible='<%#((GridView)Container.NamingContainer).PageIndex != 0 %>'>首页</asp:LinkButton>
                        <asp:LinkButton ID="LinkButtonPreviousPage" runat="server" CommandArgument="Prev"
                            CommandName="Page" Visible='<%# ((GridView)Container.NamingContainer).PageIndex != 0 %>'>上一页</asp:LinkButton>
                        <%--//如果该分页是尾页，那么该连接就不会显示了--%>
                        <asp:LinkButton ID="LinkButtonNextPage" runat="server" CommandArgument="Next" CommandName="Page"
                            Visible='<%# ((GridView)Container.NamingContainer).PageIndex != ((GridView)Container.NamingContainer).PageCount - 1 %>'>下一页</asp:LinkButton>
                        <asp:LinkButton ID="LinkButtonLastPage" runat="server" CommandArgument="Last" CommandName="Page"
                            Visible='<%# ((GridView)Container.NamingContainer).PageIndex != ((GridView)Container.NamingContainer).PageCount - 1 %>'>尾页</asp:LinkButton>
                        转到第
                        <asp:TextBox ID="txtNewPageIndex" runat="server" Width="20px" Text='<%# ((GridView)Container.Parent.Parent).PageIndex + 1 %>' />页
                        <%-- //这里将CommandArgument即使点击该按钮e.newIndex 值为3 --%>
                        <asp:LinkButton ID="btnGo" runat="server" CausesValidation="False" CommandArgument="-2"
                            CommandName="Page" Text="GO" />
                    </td>
                </tr>
            </table>
        </PagerTemplate></span>
        <EmptyDataTemplate>
            <table style="width: 100%; height: 100px; border: solid 0px;">
                <tr>
                    <td style="background-color: #f2f2f2; text-align: center; border: solid 0px;">
                          暂时无数据！
                    </td>
                </tr>
            </table>
        </EmptyDataTemplate>
    </asp:GridView>

2、GridView绑定数据源

分页模板显示如下图。

3、点击“下一页”、“上一页”、“首页”、“尾页”、或者直接跳转等。调用

 GV_Node_PageIndexChanging

执行下列后台方法：

 protected void GV_Node_PageIndexChanging(object sender, GridViewPageEventArgs e)
        {
            GetNewPage(sender, e);
            //重新绑定
            GridViewDataBound();
        }
        protected void GetNewPage(object sender, GridViewPageEventArgs e)
        {
            // 得到该控件
            GridView theGrid = sender as GridView;
            int newPageIndex = 0;
            if (e.NewPageIndex == -3)
            {
                //点击了Go按钮
                TextBox txtNewPageIndex = null;

                //GridView较DataGrid提供了更多的API，获取分页块可以使用BottomPagerRow 或者TopPagerRow，当然还增加了HeaderRow和FooterRow
                GridViewRow pagerRow = theGrid.BottomPagerRow;

                if (pagerRow != null)
                {
                    //得到text控件
                    txtNewPageIndex = pagerRow.FindControl("txtNewPageIndex") as TextBox;
                }
                if (txtNewPageIndex != null)
                {
                    //得到索引
                    newPageIndex = int.Parse(txtNewPageIndex.Text) - 1;
                }
            }
            else
            {
                //点击了其他的按钮
                newPageIndex = e.NewPageIndex;
            }
            //防止新索引溢出
            newPageIndex = newPageIndex < 0 ? 0 : newPageIndex;
            newPageIndex = newPageIndex >= theGrid.PageCount ? theGrid.PageCount - 1 : newPageIndex;

            //得到新的值
            theGrid.PageIndex = newPageIndex;
        }