Asp.Net分页和AspNetPager控件的使用

下面就来重点说说这几种分页方式:

一般情况下我们都是通过sql语句来分页,这在无论哪种开发语音都是通用的,

使用sql语句或者存储过程分页的方式最主要的是要在读取数据的时候把sql语句或者存储过程写好,它的原理是只读取当前要显示的几行记录,所以要根据页数和每页显示的数目来写语句,如下:

Select top pageSize * from News where id not in(select top (Page-1)*pageSize id from News)

很显然只要将pageSize和Page作为参数就可以了,然后再前台调用的时候只要指定当前页数和每页显示的数目,就可以实现分页了,为了显示总数目,还可以读取所有数目,需要注意的时候,如果是自定义分页视图,由于.net在回传的时候不保存当前页,所以要使用ViewState来保存页数,每次只读取所需要的几条记录,所以适合做大型网站数量比较大的时候使用

另外一种分页方式就是使用.net提供的PageDataSource类来分页,

PageDataSource是微软提供一个用于分页使用的类,集成了绑定控件的一些方法,在使用的时候,我们只需要从数据库读取我们所要的数据,绑定到PageDataSource即可,然后允许PageDataSource可以分页,指定当前页和每页要显示的数目,这样就可以很好的获得的总的数目,结合控件,ViewState就可以完成自定义分页视图,方法如下:

PagedDataSource pageDataSource = new PagedDataSource();

pageDataSource.DataSource = NewsManager.GetNews();//所有记录

pageDataSource.AllowPaging = true;

pageDataSource.PageSize = 16;

pageDataSource.CurrentPageIndex = Pager– 1;

this.Repeater1.DataSource = pageDataSource;

this.Repeater1.DataBind();

由于PageDataSource是将所有的数据都读出来,然后再分页的,所有适合一些小型网站,比如企业站,数量不是很大的时候使用,大概2w以内的数据使用

上面是常用的两种分页方式,下面在来看看分页视图控件AspNetPager的用法:

AspNetPager属于第三方控件,就是说既不是微软开发的,也不是你开发的,而是由其他技术员自己开发的,共享给我们用的控件,所以在使用的时候,我们首先要从网上下载下来,然后和其他控件一样,首先将其放到工具箱内,这里你可以直接拖进来,或者也可以右击工具菜单项---选择项,找到目录添加进来即可

下面简单说一下它的一些属性和方法

AlwaysShow:表示当前在只有一页的时候,控件是显示还是不显示

PageSize:每页要显示的数目

RecordCount:总数目

NumericButtonCount:每页要显示的页码数目

注:上面三个属性就是用来显示分页控件的视图,但是他们只是为了显示分页控件的视图。

FirstPageText="第一页"

LastPageText="最后一页"

NextPageText="下一页"

PrevPageText="前一页"

PagingButtonSpacing="12":每个页码之间的宽度

NumericButtonTextFormatString="[{0}]" :页码显示的样式

EnableUrlRewriting="true":是否启用url重写,默认的情况下是域名?page=页码

如:http://www.hnzbtb.com/NewList.aspx?page=3,不过你可以对其修改 重新

UrlRewritePattern:重写的url,如:AspNetPager1.UrlRewritePattern = "NewList.aspx?dd={0}"

注:这里要提到的是如果要改变要显示页码的参数,那就必须修改显示,然后再修改url中的参数

UrlPaging="True" :是否只用url传递参数来显示分页,如果是FALSE,则url不变,状态栏则显示

SubmitButtonText="转到" ShowInputBox="Always":用来解决转到按钮的显示

两个常用的方法

1、PageChanging:分页之前的操作,所以要想获得当前控件的页码就必须在方法内赋值才可以,否则AspNetPager1.CurrentPageIndex永远获得的当前页的值都是1,因为就相当于你没点击任何页码,从开始都是1,所以你无论点击那个页码说,之前的都是1

protected void AspNetPager1_PageChanging(object src, Wuqi.Webdiyer.PageChangingEventArgs e)

{

Pager = e.NewPageIndex - 1;

DataBindNews();

}

public void DataBindNews()

{

PagedDataSource pageDataSource = new PagedDataSource();

pageDataSource.DataSource = NewsManager.GetNews();

pageDataSource.AllowPaging = true;

AspNetPager1.RecordCount = NewsManager.GetNewsCount();

pageDataSource.PageSize = 16;

pageDataSource.CurrentPageIndex = Pager;

this.Repeater1.DataSource = pageDataSource;

this.Repeater1.DataBind();

}

之所以减1是因为要结合的分页方法和PageDataSource都是从0开始的

GrilView中自定义的分页,我们也会用到它的

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)

{

this.GridView1.PageIndex = e.NewPageIndex;

dataBindProduct(0, null);

}

2、PageChanged:点击页码之后的操作,所以可以直接通过AspNetPager1.CurrentPageIndex – 1获得当前页的页数,因为之前确实点击了页码数,很显然会获得当前的页码数

protected void AspNetPager1_PageChanged(object src,EventArgs e)

{

DataBindNews();

}

public void DataBindNews()

{

PagedDataSource pageDataSource = new PagedDataSource();

pageDataSource.DataSource = NewsManager.GetNews();

pageDataSource.AllowPaging = true;

AspNetPager1.RecordCount = NewsManager.GetNewsCount();

pageDataSource.PageSize = 16;

pageDataSource.CurrentPageIndex = AspNetPager1.CurrentPageIndex – 1;

this.Repeater1.DataSource = pageDataSource;

this.Repeater1.DataBind();

}

如果使用了AspNetPager来分页,那么只要指定总数给aspNetPager,当前页用aspNetPager来指定,并保证每页显示的数目aspNetPager和PageDataSource指定的一致就可以实现分页了,简单吧,这个页数的控制就不使用viewstate来保存了,页数和页显示记录直接通过Asp.Net来控制就行了

需要注意的是有些需要一致的东西,如果没有一致,就有可能导致不协调,比如该分4页的,但是aspNetPager只显示了2页等,这些都需要注意的!

下面简单分享一下分页控件的一个样式:

Css样式:

.pages
{
 color: #999;
}
.pages a, .pages .cpb
{
 text-decoration: none;
 float: left;
 padding: 0 5px;
 border: 1px solid #075198;
 background: #ffff;
 margin: 0 2px;
 font-size: 11px;
 color: #000;
}
.pages a:hover
{
 background-color: #075198;
 color: #fff;
 border: 1px solid #075198;
 text-decoration: none;
}
.pages .cpb
{
 font-weight: bold;
 color: #fff;
 background: #075198;
 border: 1px solid #075198;
}

(0)

相关推荐

  • AspNetAjaxPager,Asp.Net通用无刷新Ajax分页控件,支持多样式多数据绑定

    本控件可以对GridView,Repeater,DataGrid,DataList...几乎所有的.net数据绑定控件进行分页,全部无刷新,数据绑定部分可以使用存储过程也可以直接使用sql语句,这对本控件没有任何干扰!本控件具有较好的用户界面,能够根据需要变换各种样式,配合css控制效果则更好! 1.分页样式效果图: 2.如何使用: 于bin目录下添加:AspNetAjaxPager.dll引用 aspx文件内容: 复制代码 代码如下: <%@ Page Language="C#"

  • asp.net 通过aspnetpager为DataList分页

    前台代码: 代码 复制代码 代码如下: <div id="newslistdiv"> <asp:DataList ID="NewsList" runat="server" Width="820px"> <HeaderTemplate> <div> <img src="../loginimages/newslisthead.gif" alt="&

  • asp.net mvc自定义pager封装与优化

    之前做了一个通用的分页组件,但是有些不足,从翻页事件和分页样式都融合在后台代码中,到翻页事件可以自定义,再到翻页和样式都和代码分离, 自定义分页 pager 越来越容易扩展了. HtmlHelper Pager扩展 Pager V1.0 : /// <summary> /// Pager V1.0 /// </summary> /// <param name="helper">HtmlHelper</param> /// <para

  • asp.net结合aspnetpager使用SQL2005的存储过程分页

    SQL2005的存储过程: 复制代码 代码如下: set ANSI_NULLS ON set QUOTED_IDENTIFIER ON go ALTER PROCEDURE [dbo].[P_GetPagedReCord] (@startIndex INT, -- 开始索引号 @endindex INT, -- 结束索引号 @tblName varchar(255), -- 表名 @fldName varchar(255), -- 显示字段名 @OrderfldName varchar(255)

  • asp.net分页控件AspNetPager的样式美化

    在前段时间的开发网站的过程中,突然觉得这个简洁的样式看着和网站整体的风格实在不搭调,于是看看AspNetPager的最后生成html,写了一段CSS样式,将分页的样式和网站整体风格统一起来了. 效果如下: 做的不是很好看,希望大家不要丢砖头,俺的头没包棉絮,伤不起 ~-_-~ CSS样式表: /* AspNetPager Style Power By http://www.edweb.cn */.pager{ width:95%;  margin:10px; line-height:20px;

  • asp.net 分页sql语句(结合aspnetpager)

    数据库操作类: 复制代码 代码如下: /// <summary> /// 取得总数 /// </summary> /// <returns></returns> public string getTotal() { StringBuilder sb = new StringBuilder(); sb.Append("select count(*) total from Test"); DataTable dt = DBHelper.Exe

  • asp.net中让Repeater和GridView支持DataPager分页

    改造办法是自己写一个控件,让它继承GridView或Repeater,并实现IPageableItemContainer 接口.下面要发的是国外某高手写的代码,测试有效.具体使用的时候,要建一个类库项目,把代码编译成dll后,就可以添加到VS的工具箱里了! 一.自定义Repeater 复制代码 代码如下: using System.Web.UI; using System.Web.UI.WebControls; namespace WYJ.Web.Controls { /// <summary>

  • 分享一个asp.net pager分页控件

    效果: js: 复制代码 代码如下: $.fn.extend({ JPager: function (cfg, pageIndex, pageSize) { if (cfg && pageIndex > 0 && pageSize>0) { var token = "#" + this.attr("id"); this.empty(); var pageFirst = function () { $(token).JPag

  • asp.net下Repeater使用 AspNetPager分页控件

    一.AspNetPager分页控件 分页是Web应用程序中最常用到的功能之一,在ASP.NET中,虽然自带了一个可以分页的DataGrid(asp.net 1.1)和GridView(asp.net 2.0)控件,但其分页功能并不尽如人意,如可定制性差.无法通过Url实现分页功能等,而且有时候我们需要对DataList和Repeater甚至自定义数据绑定控件进行分页,手工编写分页代码不但技术难度大.任务繁琐而且代码重用率极低,因此分页已成为许多ASP.NET程序员最头疼的问题之一. AspNet

  • Asp.Net数据控件引用AspNetPager.dll分页实现代码

    1.也许讲解有点初级,希望高手不要"喷"我,因为我知道并不是每一个人都是高手,我也怕高手们说我装13,小生不才: 2.如有什么不对的地方,还希望大家指出,一定虚心学习: 3.本文属于作者原创,尊重他人劳动成果,转载请注明作者,谢谢. 下面开讲: 第一步:首先是下载一个AspNetPager.dll 下载地址 AspNetPager.rar第二步:在项目的bin文件夹下引用AspNetPager.dll 如图: 第三步:在工具箱添加AspNetPager控件,如图: 接下来再如图: 这样

随机推荐