介绍如何使用SqlPager分页控件
一、主要功能：
1、支持AJAX分页，也可设置后台Post模式
2、支持多种分页按钮样式，同时也可以自定义按钮样式
3、支持一次性读取所有数据，或者只读取当前页面数据进行分页
4、可对GridView、Repeater、BaseDataList、ListControl等数据源控件进行绑定处理
5、支持直接在页面写SQL语句读取数据，或者在后台设置自定义数据源进行绑定
6、可对分页数据指定排序字段
7、完全开源，可灵活修改，呵呵
二、基本使用：
1、新在页面顶部插入以下代码：
| <%@ Register Assembly="Winson.WControls" Namespace="Winson.SqlPager" TagPrefix="SqlPager" %> |
2、在需要放置分页控件的地方，插入以下代码：
| <SqlPager:SqlPager ID="SqlPager1" runat="server" ControlToPaginate="GridView1" Width="700" ItemsPerPage="4" BorderStyle=Dotted BackColor="#ffffff" PagerStyle=CustomAndNumeric FirstButton="第一页" PrveButton="上一页" NextButton="下一页" LastButton="最后一页" PagingMode="Cached" ></SqlPager:SqlPager> |
基本参数说明：
ID：即本分页控件的自身ID
ControlToPaginate：分页控件需绑定的数据源控件的ID，本例中数据源控件为GridView
BorderStyle：分页控件边框样式，本例中为虚线
PagerStyle：即分页按钮的样式，此为一个枚举参数，同时也是设置是否使用AJAX的参数，以下将会有详细说明
PagingMode：是否使用Cached，如果使用NonCached则只读取对当前页面数据，如为Cached，则一次性读取所有数据然后进行分页，建议数据量少时使用NonCached，但如果想与Tab控件配合使用，则必须要使用Cached模式
以下为分页按钮的自定义样式，只有当PagerStyle设置为自定义样式时才生效
FirstButton：第一页的按钮样式
PrveButton：上一页的按钮样式
NextButton：下一页的按钮样式
LastButton：最后一页的按钮样式
3、以上代码配置好后，即可在后台为分页控件设置数据源，当然在前台也可以直接用参数设置
设置数据源有2种方式，一种是直接在前台使用SelectCommand参数进行设置，如将以下语句直接加到控件标签里
<SqlPager:SqlPager SelectCommand = "select * from Employees" ></SqlPager:SqlPager>
另一种方式是可以使用自定义的数据源，如DataSet，但在使用自定义数据源之前，需将参数UseCustomDataSource设置为true，如下代码：
SqlPager1.UseCustomDataSource = true;
SqlPager1.CustomDataSource = DBOP.ExecuteDataset("select * from Employees ", "ds");
SqlPager1.DataBind();
以上方式只能在后台执行。需要注意的是，不管哪种方式，最后都必须在后台调用DataBind()方法。
三、高级应用
1、使用AJAX分页：
本控件支持AJAX分页，但还必须写一些客户端的代码，相关的客户端代码我已在DEMO里有啦，具体可以打开PagerDemo.aspx文件查看，在需要分页的页面上添加以下JS代码：
| function setPageTo(pageIndex) { var context=document.getElementById("listDIV"); context.innerHTML="数据加载中"; var arg=pageIndex; <%= ClientScript.GetCallbackEventReference(this, "arg", "onCallServerComplete", "context")%>; } function onCallServerComplete(result,context) { context.innerHTML=result; } |
文章评论
共有 位CH网友发表了评论 查看完整内容