GridView 分页 上一页 下一页 跳转 前端分页

效果图：

前端页面

  <form id="form1" runat="server">
    <div>
             <asp:GridView ID="GridView1" runat="server" AllowPaging="True"  AutoGenerateColumns="False">
           <Columns>
               <asp:BoundField DataField="Typeid" HeaderText="编号" />
               <asp:BoundField DataField="TypeName" HeaderText="类型名称" />
               <asp:BoundField DataField="Upid" HeaderText="父Id" />
               <asp:BoundField DataField="Memo" HeaderText="备注" />
           </Columns>

            <PagerTemplate>
                <table  style="font:11px Tahoma; background-color:#cfe3fb;">
                    <tr>
                    <td style="text-align: right;">
                        第<asp:Label ID="lblPageIndex" runat="server" Text='<%# ((GridView)Container.Parent.Parent).PageIndex + 1 %>'></asp:Label>页
                        / 共<asp:Label ID="lblPageCount" runat="server" Text='<%# ((GridView)Container.Parent.Parent).PageCount %>'></asp:Label>页&nbsp;&nbsp;
                        <asp:LinkButton ID="btnFirst" runat="server" CausesValidation="False"
                            CommandName="Page" Text="首页" CommandArgument="first" OnClick="btnFirst_Click">
                        </asp:LinkButton>
                        <asp:LinkButton ID="btnPrev" runat="server" CausesValidation="False"
                            CommandName="Page" Text="上一页" CommandArgument="prev" onclick="btnFirst_Click">
                        </asp:LinkButton>
                        <asp:LinkButton ID="btnNext" runat="server" CausesValidation="False"
                            CommandName="Page" Text="下一页" CommandArgument="next" OnClick="btnFirst_Click">
                        </asp:LinkButton>
                        <asp:LinkButton ID="btnLast" runat="server" CausesValidation="False"
                            CommandName="Page" Text="尾页" CommandArgument="last" OnClick="btnFirst_Click">
                        </asp:LinkButton>
                        <asp:TextBox ID="txtNewPageIndex" runat="server" MaxLength="5" CssClass="inputBorder1" Text='<%# ((GridView)Container.Parent.Parent).PageIndex + 1 %>'
                            onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" AutoPostBack="True" ></asp:TextBox>
                        <asp:LinkButton ID="btnGo" runat="server" CausesValidation="False" CommandArgument="go"
                            CommandName="Page" Text="GO" OnClick="btnFirst_Click"></asp:LinkButton>
                    </td>
                    </tr>
                </table>
            </PagerTemplate>

        </asp:GridView>
    </div>
    </form>

View Code