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

啊啊啊,表示很痛苦!

                <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. 【原】storm源码之storm代码结构【译】

    说明:本文翻译自Storm在GitHub上的官方Wiki中提供的Storm代码结构描述一节Structure of the codebase,希望对正在基于Storm进行源码级学习和研究的朋友有所帮助 ...

  2. Windows Phone 7 播放视频

    在Windows Phone 7中播放视频有两种方式,一种是使用MediaElement 控件来播放,一种是使用启动器MediaPlayerLanucher来实现视频的播放.用MediaElement ...

  3. [leetCode][003] Intersection of Two Linked Lists

    [题目]: Write a program to find the node at which the intersection of two singly linked lists begins. ...

  4. [NOI 2014]做题记录

    [NOI2014]起床困难综合症 按位贪心 #include <algorithm> #include <iostream> #include <cstring> ...

  5. [转]C# WinForm动态调用远程Web服务

    本文转自:http://blog.csdn.net/muyangjun/article/details/7930871 1.添加服务引用 2.在弹出的添加服务引用对话框地址栏中输入WebService ...

  6. 一些Office 365的问题收集

    1. 按照MS的最佳实践, 应该是先有本地域, 然后再有Office 365. 但是我们公司刚好相反, 于是按照前面的文章做完了硬关联, 但是现在发现对于那些原本就在Office 365上的用户的Pr ...

  7. HDU 3555 数位dp入门

    开始想用dp[i][j]来记录第i位j开头含有49的数的个数 但是init后并不知道如何进行cal 想了想可以用不要62的思想 当作不要49来做 然后减一下 就好 看网上的代码 不要62和这道题用的d ...

  8. Javascript 笔记与总结(2-16)事件对象

    事件对象:事件发生的瞬间,发生位置.时间.鼠标按键.触发的节点等信息,被打包成一个对象,此对象,系统自动传递给事件函数的第一个参数. [例]记录 鼠标划过图片时的事件对象 <!DOCTYPE h ...

  9. jQuery 复合选择器的几个例子

    <!-- 本文例子所引用的jQuery版本为 jQuery-1.8.3.min.js Author:博客园小dee --> 一. 复合选择器对checkbox的相关操作 1 <inp ...

  10. 解决电脑访问Discuz!手机版(支持触屏版)

    discuz电脑访问手机版的方法现在需要来修改一下2个文件,即可用电脑浏览discuz的手机版本:找到./source/function/function_core.php 文件,查找 : funct ...