首页 > 代码库 > 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);">&lt;&lt;上一页</a><a href="javascript:void(0);" onclick="nxt(event);">下一页&gt;&gt;</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 分页