如標題
參考來源
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;
}
以上文章僅用紀錄資料使用.....