JQuery无刷新分页,该如何处理
发布时间:2010-05-31 07:00:36 文章来源:www.iduyao.cn 采编人员:星星草
JQuery无刷新分页
需求:
JQuery无刷新分页DEMO
背景:
后台分页已经做好
原来的JS分页代码出了点儿问题
技术也过于老套
刚好项目里用JQuery
所以想用JQuery来做
保留上次查询条件
做无刷新的分页
最好有代码注释
要求:
速度回复
速度结贴
速度速度,顺便学习一下,呵呵!
------解决方案--------------------
给个邮箱把源码给你发过去
------解决方案--------------------
jquery.pagination.js
/**
* This jQuery plugin displays pagination links inside the selected elements.
*
* @author Gabriel Birke (birke *at* d-scribe *dot* de)
* @version 1.1
* @param {int} maxentries Number of entries to paginate
* @param {Object} opts Several options (see README for documentation)
* @return {Object} jQuery Object
*/
jQuery.fn.pagination = function(maxentries, opts) {
opts = jQuery.extend({
items_per_page: 10,
num_display_entries: 10,
current_page: 0,
num_edge_entries: 0,
link_to: "#",
prev_text: "Prev",
next_text: "Next",
ellipse_text: "...",
prev_show_always: true,
next_show_always: true,
callback: function() { return false; }
}, opts || {});
return this.each(function() {
/**
* Calculate the maximum number of pages
*/
function numPages() {
return Math.ceil(maxentries / opts.items_per_page);
}
/**
* Calculate start and end point of pagination links depending on
* current_page and num_display_entries.
* @return {Array}
*/
function getInterval() {
var ne_half = Math.ceil(opts.num_display_entries / 2);
var np = numPages();
var upper_limit = np - opts.num_display_entries;
var start = current_page > ne_half ? Math.max(Math.min(current_page - ne_half, upper_limit), 0) : 0;
var end = current_page > ne_half ? Math.min(current_page + ne_half, np) : Math.min(opts.num_display_entries, np);
return [start, end];
}
/**
* This is the event handling function for the pagination links.
* @param {int} page_id The new page number
*/
function pageSelected(page_id, evt) {
current_page = page_id;
drawLinks();
var continuePropagation = opts.callback(page_id, panel);
if (!continuePropagation) {
if (evt.stopPropagation) {
evt.stopPropagation();
}
else {
evt.cancelBubble = true;
}
}
return continuePropagation;
}
/**
* This function inserts the pagination links into the container element
*/
function drawLinks() {
panel.empty();
var interval = getInterval();
var np = numPages();
// This helper function returns a handler function that calls pageSelected with the right page_id
var getClickHandler = function(page_id) {
return function(evt) { return pageSelected(page_id, evt); }
}
// Helper function for generating a single link (or a span tag if it'S the current page)
var appendItem = function(page_id, appendopts) {
page_id = page_id < 0 ? 0 : (page_id < np ? page_id : np - 1); // Normalize page id to sane value
appendopts = jQuery.extend({ text: page_id + 1, classes: "current" }, appendopts || {});
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。
其他相似内容:
-
一段JS代码看不懂
JScript code
function Designer_Builder(designer) {
//属性
this.owner = designer || null;
。。。...
-
共享struts2.1.8+Hibernate3.3+spring2.5.6+extjs3.2的最新版图书管理系统,奋战两周。
写这个系统,是学习的目的,不是真正当项目写...
-
postgreSQL有没有contains函数?
update base_admin set allchildid=allchildid||'00' where CONTAINS(allchildid,'test')
报此错...
-
ssh整合问题,老是提示连接已关闭!
在网上下的一个ssh整合例子,例子是使用的mysql数据库 ,我改成了sqlserver,老是报连接已关闭的错误!高...
-
jsp新手求助,那位大虾进来看看
1楼
我用的是EditPlus来编写jsp页面,我也安装了Tomcat 5.0的jsp引擎,但是我在Editplus编写好了jsp代...
-
apache的HttpClient4.x如何实现跨域访问
请问httpclient如何实现跨域的登录及登录后访问。比如登录为login.xxx.net/login.do,查询...
-
请教一个gson转换的问题
String hql="from VdDicMedicine where c17='1'";
List<VdDicMedicine> list=dao.getList(hql);
...
-
jsp跳转到servlet
[b][/b]晕死啊,我在jsp跳转到servlet这个页面老是出现404错误,我的一些歌环境配置我可以检查了好几遍没发现什么...
-
小弟问个java流读取的问题
image_location是形如/xxxx/image_tmp/2007/6/1/14/的 路径字符串
目的是想 从 /xxxx/image_...
-
struts上传图片
请求帮助 我把图片上传到服务器端,怎么在获得这个图片啊
我获得图片在tomcat下的路径 为什么获得不到图片??
----...