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分页插件来使用, 之前用的都挺好的,直到昨天出现了逻辑问题,反复查看自己的代码,最后发现是点击页码后执行了多个点击事件.最后只有自己查看源码 ...
随机推荐
- windows phone7 豆瓣FM
HubTile参考了下,就做了一个豆瓣的FM应用 豆瓣的API在百度里查一下. 整个应用很简单,无非是解析豆瓣的JSON数据,然后读取,下载图片和歌单
- 【BZOJ】1084: [SCOI2005]最大子矩阵(DP)
http://www.lydsy.com/JudgeOnline/problem.php?id=1084 有一个1A--- 本题没看懂,,不会啊囧..感觉完全设不了状态..看了题解,囧,m<=2 ...
- hiho 光棍节
描述 尽管付出了种种努力,jzp还是得过光棍节. jzp非常不爽,但也无能为力,只能够哀叹起来他的命运.他想到了一位长者的人生经验:“人的一生,不光要靠自我奋斗,也要考虑历史的进程”. 他终于明白自己 ...
- 搭建你的第一个Django应用程序
首先你要确保你机器上面安装了python:Python开发_python的安装 python的相关学习资料:http://www.cnblogs.com/hongten/tag/python/ 其次, ...
- 禁止ViewState的3种解决方法
默认情况下,ViewState是被启用的,比如提交表单后,表单中输入的值会自动保留.但是如果不需要保留,也可以将其禁用,这样可以节省资源. 下面3种方式就可以分别禁用某一个控件.某一个页面和整个应 ...
- JavaScript事件大全3
//无模式的提示框 //屏蔽按键 <html> <head> <meta http-equiv="Content-Type" content=& ...
- Error 2147943712 during task creation
In a Windows 2008 server, when you confirm the creation of a new task, you may obtain the following ...
- 【iCore、iCore2、iBoard例程】【异步FIFO跨时钟域通信(通过ARM 读FPGA FIFO)】
欢迎访问电子工程师学堂,以便了解更多内容:http://www.eeschool.org 一.本实验基于iCore2 完成,通过简单改动,即可用在 iCore 核心板.iBoard 电子学堂上. iC ...
- Angular:手动脏检查/$apply/$digest和监控对象/$watch
声明:借鉴好多chm资料.视频.PDF总结如下: 一.$apply的引入 View <div ng-app=""> <div ng-controller=&quo ...
- FZU 2032 高精度小数加法
题目描写很没意思..就是说给出n个小数 求它们的总和 因为给出的小数点后最多16位而要求保存至12位 而能直接使用的最精确的double只能到12位 于是13的进位可能被忽略 于是不可以用double ...