Asp Net Pager WebForm 分頁模式

如標題

參考來源

http://www.webdiyer.com/

https://getbootstrap.com/docs/3.3/getting-started/

基於bootstrap3製作的一個 分頁紀錄

webform的部分整理下方代碼 

前端畫面 aspx     webform

記得註冊
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>

html head
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="Content/bootstrap.min.css" rel="stylesheet" />
    <style>
        .pagination a[disabled]{  color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination span.active{z-index: 2;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
    </style>
</head>
這裡是grid 或 pager

底下分頁
 <webdiyer:AspNetPager 
       ID="anp"
       runat="server" 
       AlwaysShow="true"
       CssClass="pagination"
       LayoutType="Ul"
       PagingButtonLayoutType="UnorderedList" 
       PagingButtonSpacing="2" 
       CurrentPageButtonClass="active" 
       PageSize="5"
       ShowMoreButtons="False"
       ShowPageIndex="true"
       ShowPageIndexBox="Always"
       SubmitButtonText="Go"
       TextAfterPageIndexBox="頁" 
       TextBeforePageIndexBox="轉到"
       PrevPageText="上一頁"
       NextPageText="下一頁" >
          </webdiyer:AspNetPager>

server 端得 cs檔


  protected void anpList_PageChanged(object sender, EventArgs e)
        {
            anp.RecordCount = dal.CalcCount(GetCond());
            BindRep();
        }


  private void BindRep()
        {        
            ////這一段是分頁的SQL 我用古老的 ROW_NUMBER 去分  可以自行改寫法
           //
            rep.DataSource = dal.GetListArray("*", "Id Desc ", anp.PageSize, anp.CurrentPageIndex, GetCond());
            rep.DataBind();
        }
        private string GetCond()
        {
            string cond = "";
            return cond;
        }

 

以上文章僅用紀錄資料使用.....