首页 > 代码库 > 用jquery编写的分页插件
用jquery编写的分页插件
用jquery编写的分页插件
源码
function _pager_go(total_page) { var page_str = $("#_pager_textbox").val(); var int_expr = /^(\+|-)?\d+$/; if (!int_expr.test(page_str)) { alert("请输入整数"); return; } var go_page = parseInt(page_str); if (go_page < 1 || go_page > total_page) { alert("跳转页数超出范围"); return; } var link_fn_name = $("#_pager_link_fn_name").val(); eval(link_fn_name + "(" + go_page + ")");}$.fn.ss_pager = function (options) { var box = $(this); var current_page = options.current_page; var total_page = options.total_page; var link_class_name = options.link_class || "pageitem"; var text_class_name = options.text_class || ""; var link_fn_name = options.link_fn || "void"; var show_pages = options.show_pages || 10; var total_size = options.total_size; var btn_class_name = options.btn_class || "btn"; if (current_page <= 1) { current_page = 1; } if (total_size <= 0) { $(box).html("<span style=‘color:red;‘>没有记录</span>"); return; } function __wprint(iscurrent, index, text) { if (!iscurrent) { return "<a class=‘" + link_class_name + "‘ href=‘javascript:" + link_fn_name + "(" + index + ")" + "‘>" + text + "</a>"; } else { return "<a class=‘" + text_class_name + "‘>" + text + "</a>"; } } var html_buf = ‘‘; if (total_size) { html_buf += __wprint(true, "", "共有" + total_size + "条记录"); } html_buf += __wprint(current_page - 1 <= 0, current_page - 1, "上一页"); if (total_page > 1) { //开始页码 var start = 2; var end = total_page - 1; var _t = parseInt(show_pages / 2) - 1; html_buf += __wprint(current_page == 1, 1, 1); if (current_page - _t > 1) { html_buf += __wprint(true, "", "..."); start = current_page - _t; } for (var i = start; i < current_page; i++) { html_buf += __wprint(current_page == i, i, i); //console.log("前 "+i); }; if (current_page > 1 && current_page < total_page) { html_buf += __wprint(true, current_page, current_page); } if (current_page + _t < total_page - 1) { end = current_page + _t; //console.log("后 e "+ (current_page+_t)); //console.log("后 e "+ (total_page-1)); } for (var i = current_page + 1; i <= end; i++) { html_buf += __wprint(current_page == i, i, i); //console.log("后 "+i); }; if (current_page + _t < total_page - 1) { html_buf += __wprint(true, "", "..."); }; html_buf += __wprint(current_page == total_page, total_page, total_page); } else { html_buf += __wprint(current_page == 1, 1, 1); } html_buf += __wprint(current_page + 1 > total_page, current_page + 1, "下一页"); html_buf += ("<a class=‘" + text_class_name + "‘> <input type=‘text‘ id=‘_pager_textbox‘ value=http://www.mamicode.com/‘" + current_page + "‘ />"); html_buf += ("<input type=‘hidden‘ value=http://www.mamicode.com/‘" + link_fn_name + "‘ id=‘_pager_link_fn_name‘ />"); html_buf += ("<input type=‘button‘ class=‘btn‘ value=http://www.mamicode.com/‘转到‘ id=‘_pager_button‘ onclick=‘_pager_go(" + total_page + ")‘ /> </a>"); $(box).html(html_buf);};
用jquery编写的分页插件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。