asp.net webform自定義分頁控件
更新時間：2016年12月27日 16:04:19 作者：pengtan
這篇文章主要為大家詳細(xì)介紹了asp.net webform自定義分頁控件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
做web開發(fā)一直用到分頁控件，自己也動手實現(xiàn)了個，使用用戶自定義控件。
翻頁后數(shù)據(jù)加載使用委托，將具體實現(xiàn)放在在使用分頁控件的頁面進(jìn)行注冊。
有圖有真相，給個直觀的認(rèn)識：
自定義分頁控件前臺代碼：
<style type="text/css">
.pager-m-l {
margin-left: 10px;
}
.pager {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
background-color: #fff;
text-align: center;
border: 1px solid #eee;
border-radius: 5px;
height: 30px;
line-height: 30px;
margin: 10px auto;
width: 650px;
}
.font-blue {
color: #5bc0de;
}
.pager a {
color: #5bc0de;
text-decoration: none;
}
.pager a.gray {
color: #808080;
}
.pager-num {
width: 30px;
text-align: center;
}
.pager-form-control {
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
padding: 2px 0px;
margin: 0px 2px;
}
.pager-form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.btn {
display: inline-block;
padding: 2px;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
</style>
<div class="pager">
<span>當(dāng)前<asp:Label runat="server" ID="labCurrentPageIndex" CssClass="font-blue"></asp:Label>/<asp:Label runat="server" CssClass="font-blue" ID="labTotalNumberOfPages"></asp:Label>頁</span>
<span class="pager-m-l">共<asp:Label runat="server" CssClass="font-blue" ID="labRecordCount"></asp:Label>條記錄</span>
<span class="pager-m-l">
<asp:LinkButton runat="server" ID="labFirstPage" OnClick="labFirstPage_Click">首頁</asp:LinkButton>
|
<asp:LinkButton runat="server" ID="labPreviousPage" OnClick="labPreviousPage_Click">上一頁</asp:LinkButton>
|<asp:LinkButton runat="server" ID="labNextPage" OnClick="labNextPage_Click">下一頁</asp:LinkButton>
|<asp:LinkButton runat="server" ID="labLastPage" OnClick="labLastPage_Click">尾頁</asp:LinkButton>
</span>
<span class="pager-m-l">跳至<asp:TextBox runat="server" ID="txtPageNum" CssClass="pager-form-control pager-num">1</asp:TextBox>頁
<asp:Button runat="server" Text="GO" ID="btnGo" CssClass="btn btn-default" OnClick="btnGo_Click" /></span>
<span class="pager-m-l">
<asp:DropDownList runat="server" ID="ddlPageSize" CssClass="pager-form-control" AutoPostBack="true" OnSelectedIndexChanged="ddlPageSize_SelectedIndexChanged">
<asp:ListItem Text="10" Value="10"></asp:ListItem>
<asp:ListItem Text="20" Value="20"></asp:ListItem>
<asp:ListItem Text="30" Value="30"></asp:ListItem>
<asp:ListItem Text="50" Value="50"></asp:ListItem>
<asp:ListItem Text="100" Value="100"></asp:ListItem>
</asp:DropDownList>條/每頁</span>
</div>
自定義分頁控件后臺代碼：
private const string viewStateCurrentPageIndex = "CurrentPageIndex";
private const string viewStateRecordCount = "RecordCount";
public delegate void PageChangedHandle();
public event PageChangedHandle OnPageChanged;
public int PageSize
{
get
{
return Convert.ToInt32(ddlPageSize.SelectedValue);
}
}
public int CurrentPageIndex
{
set
{
ViewState[viewStateCurrentPageIndex] = value;
}
get
{
if (ViewState[viewStateCurrentPageIndex] == null)
{
ViewState[viewStateCurrentPageIndex] = 1;
}
return Convert.ToInt32(ViewState[viewStateCurrentPageIndex]);
}
}
public int RecordCount
{
get
{
if (ViewState[viewStateRecordCount] == null)
{
ViewState[viewStateRecordCount] = 0;
}
return Convert.ToInt32(ViewState[viewStateRecordCount]);
}
set
{
ViewState[viewStateRecordCount] = value;
}
}
private int TotalNumberOfPages
{
get
{
return RecordCount % PageSize == 0 ? RecordCount / PageSize : (RecordCount / PageSize) + 1;
}
}
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
}
}
protected void labFirstPage_Click(object sender, EventArgs e)
{
CurrentPageIndex = 1;
this.DataBind();
}
protected void labPreviousPage_Click(object sender, EventArgs e)
{
CurrentPageIndex -= 1;
this.DataBind();
}
protected void labNextPage_Click(object sender, EventArgs e)
{
CurrentPageIndex += 1;
this.DataBind();
}
protected void labLastPage_Click(object sender, EventArgs e)
{
CurrentPageIndex = TotalNumberOfPages;
this.DataBind();
}
protected void btnGo_Click(object sender, EventArgs e)
{
int pageNum = 1;
bool isNum = Int32.TryParse(txtPageNum.Text, out pageNum);
if (isNum)
{
CurrentPageIndex = Math.Min(pageNum, TotalNumberOfPages);
}
this.DataBind();
}
protected void ddlPageSize_SelectedIndexChanged(object sender, EventArgs e)
{
CurrentPageIndex = 1;
this.DataBind();
}
protected override void DataBind(bool raiseOnDataBinding)
{
BindPager();
base.DataBind(raiseOnDataBinding);
if (OnPageChanged != null)
{
OnPageChanged();
}
}
private void BindPager()
{
labCurrentPageIndex.Text = CurrentPageIndex.ToString();
labTotalNumberOfPages.Text = TotalNumberOfPages.ToString();
labRecordCount.Text = RecordCount.ToString();
SetNavigateEnabled();
}
private void SetNavigateEnabled()
{
txtPageNum.Text = CurrentPageIndex.ToString();
labFirstPage.Enabled = true;
labPreviousPage.Enabled = true;
labNextPage.Enabled = true;
labLastPage.Enabled = true;
labFirstPage.CssClass = "font-blue";
labPreviousPage.CssClass = "font-blue";
labNextPage.CssClass = "font-blue";
labLastPage.CssClass = "font-blue";
if (CurrentPageIndex == 1)
{
labFirstPage.Enabled = false;
labPreviousPage.Enabled = false;
labFirstPage.CssClass = "gray";
labPreviousPage.CssClass = "gray";
}
if (CurrentPageIndex == TotalNumberOfPages)
{
labNextPage.Enabled = false;
labLastPage.Enabled = false;
labNextPage.CssClass = "gray";
labLastPage.CssClass = "gray";
}
if (RecordCount == 0)
{
labFirstPage.Enabled = false;
labPreviousPage.Enabled = false;
labFirstPage.CssClass = "gray";
labPreviousPage.CssClass = "gray";
labNextPage.Enabled = false;
labLastPage.Enabled = false;
labNextPage.CssClass = "gray";
labLastPage.CssClass = "gray";
}
}
當(dāng)前頁碼、總共多少條記錄使用ViewState記錄狀態(tài)信息，因為導(dǎo)航控件會引起回發(fā)刷新。
分頁后的數(shù)據(jù)加載，使用事件。
事件的具體實現(xiàn)放在使用分頁控件的具體頁面中，進(jìn)行事件的注冊。
測試分頁控件的前臺頁面：
<div style="margin-bottom:10px;"> text: <asp:TextBox ID="txtContent" runat="server"></asp:TextBox> <asp:Button ID="btnQuery" runat="server" Text="查 詢" OnClick="btnQuery_Click"/> </div> <div> <asp:GridView ID="gvList" runat="server" Width="99%" AutoGenerateColumns="true"></asp:GridView> <uc1:PagerControl runat="server" ID="Pager" /> </div>
測試分頁控件的后臺代碼：
private const string dtSourceViewStateKey = "dtSourceViewStateKey";
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindData(true);
}
Pager.OnPageChanged += OnPageChanged;
}
private void BindData(bool bindRecordCount)
{
DataTable dtSource = GetDataSource();
var source = dtSource.AsEnumerable();
if (!string.IsNullOrEmpty(txtContent.Text.Trim()))
{
source = source.Where(w => w.Field<string>("text").Contains(txtContent.Text.Trim()));
}
if (bindRecordCount)
{
Pager.RecordCount = source.Count();
Pager.CurrentPageIndex = 1;
Pager.DataBind();
}
gvList.DataSource = source
.Skip((Pager.CurrentPageIndex - 1) * Pager.PageSize)
.Take(Pager.PageSize)
.Select(r => new { id = r["id"].ToString(), text = r["text"].ToString() })
.ToList();
gvList.DataBind();
}
private void OnPageChanged()
{
BindData(false);
}
private DataTable InitDataTable()
{
DataTable dtSource = new DataTable();
DataColumn id = new DataColumn("id");
id.AutoIncrement = true;
id.AutoIncrementSeed = 1;
dtSource.Columns.Add(id);
dtSource.Columns.Add("text");
for (int i = 1; i <= 1000; i++)
{
DataRow dr = dtSource.NewRow();
dr["text"] = "內(nèi)容" + i;
dtSource.Rows.Add(dr);
}
return dtSource;
}
private DataTable GetDataSource()
{
if (ViewState[dtSourceViewStateKey] == null)
{
ViewState[dtSourceViewStateKey] = InitDataTable();
}
return ViewState[dtSourceViewStateKey] as DataTable;
}
protected void btnQuery_Click(object sender, EventArgs e)
{
BindData(true);
}
在Page_Load中注冊翻頁后的事件。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Asp.net使用SignalR實現(xiàn)消息提醒的相關(guān)資料,需要的朋友可以參考下2016-04-04
這篇文章主要給大家介紹了關(guān)于.Net Core自定義配置源從配置中心讀取配置的相關(guān)資料，文中通過示例代碼以及圖文介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要介紹了.NetCore?MemoryCache使用,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
這篇文章介紹了asp.Net JS取母板頁控件值的簡單方法，有需要的朋友可以參考一下2013-07-07
在網(wǎng)站上改變圖片的顏色，比如灰色的變成彩色，彩色的變成灰色，下面是經(jīng)過測試可行的解決方案2014-09-09
這篇文章主要介紹了.Net 垃圾回收機(jī)制詳細(xì)介紹的相關(guān)資料,這里對垃圾回收機(jī)制做了詳細(xì)的講解，需要的朋友可以參考下2016-11-11
從事asp.net工作的相關(guān)人員對Attribute并不陌生吧，本文就來為大家介紹下Attribute特性，下面有個不錯的示例，喜歡的朋友感受下2013-11-11
這篇文章主要為大家詳細(xì)介紹了asp.net實現(xiàn)多個文件同時下載功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
我想不少人都看過一些關(guān)于SQL Injection針對SQL Server攻擊的文章，都是因為變量過濾不足甚至沒有過濾而構(gòu)造畸形SQL語句注入的2009-06-06
asp.net文件上傳功能(單文件，多文件,自定義生成縮略圖,水印)
上傳功能，是大家經(jīng)常用到了，可能每一個項目都可以會用到。網(wǎng)上到處都有上傳功能的代碼。比我寫的好的有很多。我這里也僅是分享我的代碼。2011-09-09