使用PagerTemplate實現GridView分頁
阿新 • • 發佈:2020-08-13
分頁效果圖:
1. 新增GridView屬性
//實現分頁
AllowPaging="true"
//一頁資料10行
PageSize="10"
//分頁時觸發的事件
OnPageIndexChanging="GridView1_PageIndexChanging"
2、在前面頁面GridView中,新增PagerTemplate標籤
<PagerTemplate> 當前第 <!--((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="3" CommandName="Page" Text="GO" /> </PagerTemplate>
3、頁面後臺新增事件
protected void GridView1_PageIndexChanging(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; //重新繫結資料 getInfo(); }