女佣机器人vs男招待机器人军团,勇者之路2无敌版双人,131458淘宝买家信誉查询
说一下实现分页的思路
这里的分页用到了一个组件 aspnetpage.dll,这个组件大家可以到网上去下载，我这里就不提供了
添加最近到工具箱中这样我们就可以像其他控件一样拖拽使用了
如图datapage是在工具箱中的，至于怎么添加你们百度吧
拖拽到页面中如图
这个是我加完样式后显示的效果，怎么样是不是你们想要的了，如果不是你们还可以修改样式样式稍候奉上
先来看看要怎么使用
我要评论
<webdiyer:aspnetpager id="aspnetpager1" runat="server" alwaysshow="true"
pagesize="20" cssclass="paginator" currentpagebuttonclass="cpb"
lastpagetext="尾页" firstpagetext="首页" prevpagetext="上一页" nextpagetext="下一页"
urlpaging="false" numericbuttontextformatstring="{0}"
showcustominfosection="left" onpagechanged="aspnetpager1_pagechanged" custominfotextalign="left" layouttype="table" >
</webdiyer:aspnetpager>
这个就是分页控件生成的代码
其中显示的首页，上一页，下一页，尾页，这些都可以在属性中定下要显示什么，也可以是图片，具体的要靠你们自己去研究了
pagesize属性设置每页显示的条数
urlpageing这个属性可以设置分页的提交的方式，设置为true时使用url传递参数提交（经过自己测试这样页面会刷新，所以我没有使用url传递参数提交）
showcustominfosection设置显示的的位置 有左中右三个值，至于什么意思你懂的
onpagechanged这个事件为点击分页按钮时的事件，奉上代码
//分页事件
protected void aspnetpager1_pagechanged(object sender, eventargs e)
{
bindview(viewstate["datasource"] as list<tbl_teacher>);
}
这里我调用了一个自定义绑定数据源的方法bindview
//绑定数据源
public void bindview(list<tbl_teacher> ls)
{
this.aspnetpager1.recordcount = ls.count();
this.gridview1.datasource = ls.skip((aspnetpager1.currentpageindex - 1) * aspnetpager1.pagesize).take(aspnetpager1.pagesize);
this.gridview1.databind();
this.aspnetpager1.custominfohtml = string.format("当前第{0}/{1}页 共{2}条记录 每页{3}条", new object[]
{ this.aspnetpager1.currentpageindex, this.aspnetpager1.pagecount, this.aspnetpager1.recordcount, this.aspnetpager1.pagesize });
}
这里是绑定数据源，为了方便我使用的是linq来进行的分页，当然这里可以任由你来更改，可以使用存储过程，也可以传递直接用sql查询，主要就两个参数，
一个显示的条数，一个当前的页数，相信对于你们来说都不难事
到这里基本上已经贴出了所有代码，可能描述的不是很清楚，但也就这样了，本人水平有限。下面贴上两种样式：
<style type="text/css">
/*拍拍网风格*/
.paginator { font: 11px arial, helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}
/*淘宝风格*/
.paginator { font: 12px arial, helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}
.paginator a {border:solid 1px #ccc;color:#0063dc;cursor:pointer;text-decoration:none;}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #f50;font-weight:700;color:#f50;background-color:#ffeee5;}
.paginator a:hover {border:solid 1px #f50;color:#f60;text-decoration:none;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover
{float:left;height:16px;line-height:16px;min-width:10px;_width:10px;margin-right:5px;text-align:center;
white-space:nowrap;font-size:12px;font-family:arial,simsun;padding:0 3px;}
</style>
总结：这个分页组件与数据分离，只提供了显示页数的功能，数据可以根据组件记录的页数和条数来进行绑定数据源，还是很方便的。
如果asp.net实现分页功能的描述还不够完整，还请你们补上，大家共同学习。
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
Blazor server side 自家的一些开源的, 实用型项目的进度之 CEF客户端
.NET IoC模式依赖反转(DIP)、控制反转(Ioc)、依赖注入(DI)
vue+.netcore可支持业务代码扩展的开发框架 VOL.Vue 2.0版本发布
网友评论