首页 > 代码库 > jquery 分页
jquery 分页
最近有点无所事事,无聊之极!
啊啊啊,表示很痛苦!
<div id="tablist_01" class="list_tab"> <table width="765" border="0" cellspacing="0" cellpadding="0" class="list04"> </table> <div class="pages"><a href="javascript:void(0);" onclick="pre(event);"><<上一页</a><a href="javascript:void(0);" onclick="nxt(event);">下一页>></a></div> </div>
function investmentGrid(page) { var investmentUrl = "/tradeRecord/getTradeRecordList"; var investment = ajax(investmentUrl,{customer_id:customerid, page:page}, false); var total = investment.total; var rows = investment.rows; var tab = $("#tablist_01 table"); $.each(rows, function(index, row) { var html = ‘<tr>‘; if(page == 1){ html += ‘<td>‘ + (index+1) + ‘</td>‘; }else{ html += ‘<td>‘ + ((index+1)+((page-1)*10)) + ‘</td>‘; } tab.append(html); }); // 分页 $("#tablist_01 .pages").html(‘<a href="javascript:void(0);" onclick="pre(event);"><<上一页</a><a href="javascript:void(0);" onclick="nxt(event);">下一页>></a>‘); var footer = getFooter(total, page, "investmentGrid"); $("#tablist_01 .pages").find("a:first").after(footer); }
分页
function getFooter(total, page, callback, pageSize) { var footer = ‘‘; pageSize = pageSize ? pageSize : 10; for (var i = 0; i < total / pageSize; i++) { var p = i + 1; if (p == 1 || p == parseInt(total / pageSize)) { } else if (page - p > 4) { continue; } else if (page - p == 4) { footer += "..."; continue; } else if (p - page == 6) { footer += "..."; continue; } else if (p - page > 6) { continue; } footer += (p == page ? "<b>" + p + "</b>" : ‘<a href="javascript:void(0);" onclick="jump(‘ + p + ‘, ‘ + callback + ‘)">‘ + p + ‘</a>‘); } return footer;} function pre(event) {//上一页 event = event ? event : window.event; var obj = event.srcElement ? event.srcElement : event.target; var $p = $(obj).parent().find("b"); if ($p.length > 0) { var page = $p.html(); if (page == 1) { alert("已经是第一页!"); } else { $p.prev("a").trigger("click"); } }}function nxt(event) {//下一页 event = event ? event : window.event; var obj = event.srcElement ? event.srcElement : event.target; var $p = $(obj).parent().find("b"); if ($p.length > 0) { if ($p.next("a")[0] == $(obj)[0]) { alert("已经是最后一页!"); } else { $p.next("a").trigger("click"); } }}function jump(page, callback) { callback(page);}
Java,后台代码查询:
public Map<String,Object> getList(AccountStreamVoBean accStrVo){ Map<String, Object> map = new HashMap<String, Object>(); List<Map<String, Object>> list = this.cusAccDao.getAccStream(accStrVo);//查询数据 int count = cusAccDao.getAccStreamCount(accStrVo);//查询共有多少条数 map.put("rows", list); map.put("total", count); return map; }
没心情!
jquery 分页
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。