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 分页的更多相关文章
- 一个强大的jquery分页插件
点击这里查看效果 这个分页插件使用方便,引用keleyidivpager.js和keleyidivpager.css文件,然后在htm(或者php,aspx,jsp等)页面中对分页总数,参数名,前缀后 ...
- 分享5种风格的 jQuery 分页效果【附代码】
jPaginate 是一款非常精致的分页插件,提供了五种不同风格的分页效果,支持鼠标悬停翻页,快速分页功能.这款插件还提供了丰富的配置选项,你可以根据需要进行设置. 效果演示 源码下载 各个 ...
- 简单的JQuery分页代码
1. [代码][JavaScript]代码 001 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...
- JQuery 分页实现
JQuery分页实现 css: .liList0 { padding-left:5px;}.liList0 li { width:160px; float:left; display:inline ...
- 21个很棒的jQuery分页插件下载
分页是指将一个大内容划分为各种不同的页面,因此网站的分页是一个很重要的部分,必须让内容有组织性和易于访问.分页有各两种不同的方式,手动跟自动.最受欢迎简单和广泛的方法是jQuery插件.下面我们收集了 ...
- jQuery 分页插件 jqPagination的使用
jqPagination 是一个简单易用的轻量级 jQuery分页插件,其使用了 HTML5 和 CSS3 技术来实现.此插件提供了几个参数设置选项,通过简单的配置即可生成分页控件.此外,它的外观样式 ...
- Jquery 分页插件 Jquery Pagination
Jquery 分页插件 Jquery Pagination 分页插件来说,我觉得适用就行,尽量简单然后能够根据不同的应用场景能够换肤.展现形式等. 对于初学者想写分页插件的同学,也可以看下源码,代码也 ...
- jquery 分页控件2
jquery 分页控件(二) 上一章主要是关于分页控件的原理,代码也没有重构.在这一章会附上小插件的下载链接,插件主要就是重构逻辑部分,具体可以下载源文件看下,源代码也有注释.为了测试这个插件是能用的 ...
- jquery 分页控件1
jquery 分页控件(一) 以前一直都是用别人的分页控件,虽然用得很爽,但总觉的还是自己写个小插件比较好,这个插件效果.代码等都有参照别人完成的控件.即便功能并不是那么完善,扩展性也不好,bug或许 ...
- jquery分页插件的修改
前言 最近分页功能使用的比较多,所以从网上下载个jquery分页插件来使用, 之前用的都挺好的,直到昨天出现了逻辑问题,反复查看自己的代码,最后发现是点击页码后执行了多个点击事件.最后只有自己查看源码 ...
随机推荐
- BZOJ3577 : 玩手机
很明显网络流. S到每个发射站连边,容量为该站限制 每个接收站到T连边,容量为该站限制 矩阵每个点拆成两个点i和i',i向i'连边,容量为该位置手机数 每个发射站向该正方形内所有点i连边,容量为无穷大 ...
- NOI2012 : 迷失游乐园
终于补完NOI2012了好开心~ 题目大意:给定一棵树或者环套外向树,求出从中随机选一条简单路径的期望长度,环上点数不超过20. 设 d[x]表示x的度数,ch[x]表示x孩子个数 up[x]表示x向 ...
- BZOJ3755 : Pty爬山
l[i],r[i]表示站在i点往左往右走能看到的最高峰,用栈维护凸壳求出 h[i]表示i点能看到的最高峰的高度 a[i],b[i]表示i点往左往右走时反悔的点,即第一个h[j]>h[i]的j,用 ...
- 优雅绝妙的Javascript跨域问题解决方案
关于Javascript跨域问题的解决方案已在之前的一片文章中详细说明,详见:http://blog.csdn.net/sfdev/archive/2009/02/13/3887006.aspx: 除 ...
- python 获取类的属性
如果不清楚一个对象是否拥有某个属性,可以使用内置函数hasattr 访问一个对象的属性的方法是通过特别属性__dict__,它是一个映射,将属性名称映射到属性值 为了调试方便,可以添加下面这个函数 d ...
- ueditor使用总结——前端篇.md
首先吐槽下,百度的API太坑,谁让人家都是大牛呢. 说明:本文所涉猎代码均依托于seajs,本文所用ueditor版本为1.4.3.3 JSP UTF-8版 编辑器前端部署: 1.把ueditor引入 ...
- hdu I NEED A OFFER!
这道题是道很基本的0/1背包的问题,为了使解题很简单一点,可以将题目中要求的最大概率转换成不能录取的最小概率,这样1-dp[n]即为至少有一个offer的最大概率.状态方程 为:dp[j]=min{d ...
- win7(32/64)+apache2.4+php5.5+mysql5.6 环境搭建配置
引用自:http://blog.csdn.net/z_cf1985/article/details/22454749 环境:win7 32.(64位的同理,下载相关软件必须是对应的64位版本) ...
- autoLayout 纯代码
SB中拖好空间,让后分别在,Pin,Align,Resolve Auto Layout Issues三个面板中设置好约束就好了. 用存代码的方式给控件添加约束,完成自动布局: 利用NSLayoutCo ...
- html5shiv.js-让IE浏览器支持HTML5标准
兼容性IE8及以下IE版本 浏览器IE8及以下IE版本对HTML5标签的支持是有限的,我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题. <!–[if IE]> ...