1. 程式人生 > 實用技巧 >使用PagerTemplate實現GridView分頁

使用PagerTemplate實現GridView分頁

分頁效果圖:

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();
        }