欢迎来到天天文库
浏览记录
ID:30511243
大小:18.66 KB
页数:12页
时间:2018-12-30
《基于jquery实现简单的分页控件》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解基于jquery实现简单的分页控件 前台分页控件有很多,这里分享我的分页控件pagination.js1.0版本,该控件基于jquery。 先来看一下预览效果: 默认情况下,点击页码会像博客园一样,在url后面加上"#p页码"。 控件有2个参数需要注意: 1.beforeRender:在每个页码项呈现前会被调用,参数为页码的jQuery对象。这个时候我们可以在呈现前做一些处理,例如增加自己
2、的属性等。默认情况下,点击页码,会在url后面加上“#p页码”,这样的url并不会刷新页面。如果我们需要刷新页面,例如url为,"default.aspx?index=页码",就可以在这个回调函数里处理。 2.callback:点击页码触发,参数为整个options。点击页码并不会发起ajax请求,需要自己处理,options.index就是本次点击的页码。有时候我们的总数可能会变化,callback可以将options参数回传,这里只要重新设置总数,然后return即可。 具体看调用例子就明白了。 源代码: /*分页控件v1.
3、0对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 date:XX.08.26 */ (function(window,$){ $.fn.pagination=function(options){ var_dftOpts={ count:0,//总数 size:10,//每页数量
4、index:1,//当前页 lrCount:5,//当前页左右最多显示的数量 lCount:0,//最开始预留的数量 rCount:0,//最后预留的数量 first:"首页", last:"尾页", before:"上一页", next:"下一页", callback:null,//点击事件 beforeRender:null//项呈现前 }; $.extend(_dftOpts,options); varcount=_dftOpts.co
5、unt; if(count var_ellipsis="..."; var_size=_dftOpts.size>0?(_dftOpts.size对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解>count?count:_dftOpts.size):1; var_page=Math.ceil(cou
6、nt/_size); var_index=_dftOpts.index>0?(_dftOpts.index>_page?_page:_dftOpts.index):1; var_lrcount=_dftOpts.lrCount*2+1>_page?parseInt((_page-1)/2):_dftOpts.lrCount; var_continueCount=_lrcount*2+1; var_lCount=_dftOpts.lCount_page?_page-1:_dftOpts.lCount);
7、var_rCount=_dftOpts.rCount_page?_page-1:_dftOpts.rCount); var_first=_dftOpts.first; var_before=_dftOpts.before; var_last=_dftOpts.last; var_next=_dftOpts.next; var_FromTo; var_url=location.pathname+location.search+"#p"; varjthis=this; varjPager=$(
8、"",{"class":"pager"}); initJPager(); jthis.append(jPager);对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正
此文档下载收益归作者所有