最近有点无所事事,无聊之极!

啊啊啊,表示很痛苦!

                <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 分页的更多相关文章

  1. 一个强大的jquery分页插件

    点击这里查看效果 这个分页插件使用方便,引用keleyidivpager.js和keleyidivpager.css文件,然后在htm(或者php,aspx,jsp等)页面中对分页总数,参数名,前缀后 ...

  2. 分享5种风格的 jQuery 分页效果【附代码】

    jPaginate 是一款非常精致的分页插件,提供了五种不同风格的分页效果,支持鼠标悬停翻页,快速分页功能.这款插件还提供了丰富的配置选项,你可以根据需要进行设置. 效果演示      源码下载 各个 ...

  3. 简单的JQuery分页代码

    1. [代码][JavaScript]代码      001 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...

  4. JQuery 分页实现

     JQuery分页实现  css: .liList0 { padding-left:5px;}.liList0 li { width:160px; float:left; display:inline ...

  5. 21个很棒的jQuery分页插件下载

    分页是指将一个大内容划分为各种不同的页面,因此网站的分页是一个很重要的部分,必须让内容有组织性和易于访问.分页有各两种不同的方式,手动跟自动.最受欢迎简单和广泛的方法是jQuery插件.下面我们收集了 ...

  6. jQuery 分页插件 jqPagination的使用

    jqPagination 是一个简单易用的轻量级 jQuery分页插件,其使用了 HTML5 和 CSS3 技术来实现.此插件提供了几个参数设置选项,通过简单的配置即可生成分页控件.此外,它的外观样式 ...

  7. Jquery 分页插件 Jquery Pagination

    Jquery 分页插件 Jquery Pagination 分页插件来说,我觉得适用就行,尽量简单然后能够根据不同的应用场景能够换肤.展现形式等. 对于初学者想写分页插件的同学,也可以看下源码,代码也 ...

  8. jquery 分页控件2

    jquery 分页控件(二) 上一章主要是关于分页控件的原理,代码也没有重构.在这一章会附上小插件的下载链接,插件主要就是重构逻辑部分,具体可以下载源文件看下,源代码也有注释.为了测试这个插件是能用的 ...

  9. jquery 分页控件1

    jquery 分页控件(一) 以前一直都是用别人的分页控件,虽然用得很爽,但总觉的还是自己写个小插件比较好,这个插件效果.代码等都有参照别人完成的控件.即便功能并不是那么完善,扩展性也不好,bug或许 ...

  10. jquery分页插件的修改

    前言 最近分页功能使用的比较多,所以从网上下载个jquery分页插件来使用, 之前用的都挺好的,直到昨天出现了逻辑问题,反复查看自己的代码,最后发现是点击页码后执行了多个点击事件.最后只有自己查看源码 ...

随机推荐

  1. 低调的华丽,Windows Server 2003 ... 写给厌倦了XP,但又纠结于vista/win7花哨的童鞋(转)

    发布于2001年10月25日的windows XP 距今已近8年 时间, 微软从没有一个操作系统能像XP那样  坚挺这么久,婚姻既有7年之痒,何况用了8年XP的广大 同学,但07年发布的vista似乎 ...

  2. Js组件的一些写法【转】

    首先看下Prototype里的写法: var Class = { create: function() { return function() { this.init.apply(this, argu ...

  3. FZU 2124 bfs+vis记录

    第一次团队训练赛的题 自己看完题没看到不能用舌头吃道具..以为是什么贪心混合bfs..果断放弃..悄悄的背锅了 然后其实比较简单 只是利用vis记录的时候要分两种状态记录 有没有道具 每到一个地方 就 ...

  4. RDBMS vs. NoSQL 合作还是竞争

    欢迎转载,转载请注明出处,徽沪一郎. 由于近期手头的工作和数据库的选型相关,纠结于是否使用一款NoSQL数据库来替换已有的MySQL数据库.在这个过程中随着学习研究的深入,对于二者的异同有了一些初步的 ...

  5. Apache Storm 衍生项目之2 -- Trident-ML

    欢迎转载,转载请注明出处,徽沪一郎,谢谢. 楔子 或许谈起storm是大数据实时计算框架已经让你不明觉厉,如果说storm还可以跟机器学习算法(ml)有机的结合在一起,是不是更加觉着高大尚呢.trid ...

  6. PHP ip 查找 城市名

    PHP ip 查找 城市名 header("content-type:text/html;charset=utf-8");date_default_timezone_set(&qu ...

  7. SVN svnserve.conf: Option expected 的解决方法 以及 Authorization failed 的解决方法

    ① 在 CentOS 6.5 上安装配置了 SVN,在本地 Checkout 的时候报错: 显示:/www/svnroot/webfile/conf/svnserve.conf:12: Option ...

  8. P1965 转圈游戏

    很容易可以得到,答案应该是(x+m*10^k)%n 很显然,用O(n)一定会卡爆,所以用快速幂来算,或者找一下循环节也是可以的. #include <bits/stdc++.h> usin ...

  9. Apache Kafka源码分析 - kafka controller

    前面已经分析过kafka server的启动过程,以及server所能处理的所有的request,即KafkaApis 剩下的,其实关键就是controller,以及partition和replica ...

  10. 僵尸传染bfs

    #include<stdio.h> int map[4][4]={0,0,0,1,       0,0,1,1,       0,0,1,0,       0,1,0,0}; int mx ...