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分页插件来使用, 之前用的都挺好的,直到昨天出现了逻辑问题,反复查看自己的代码,最后发现是点击页码后执行了多个点击事件.最后只有自己查看源码 ...
随机推荐
- WIN7启动WIFI
启动虚拟无线AP netsh wlan set hostednetwork mode=allow ssid=WIFI_NAME key="abcdefgh" netsh wlan ...
- 小问题,小细节要注意(string类型转换为bool类型)
一个表中的推荐字段是bit类型的,添加的时候推荐有两个值,如<asp:RadioButtonList ID="RadioButtonList1" runat="se ...
- 两个List,第二个List根据第一个List排序
/// <summary> /// 协同排序 /// </summary> /// <param name="sod"></param&g ...
- 绕过杀毒软件抓取windows密码
使用procdump,由于是微软的东西,带微软签名杀软不会报毒. procdump -accepteula -ma lsass.exe lsass.dmp copy出 lsass.dmp到本机. mi ...
- 那些年我们没能bypass的xss filter
个人很喜欢收集xss payload.在这里把自己平时挖xss时会用到的payloads列出来和大家一起分享.很希望大家能把自己的一些payload也分享出来.(由于 我是linux党,所以本文出现在 ...
- 使用javascript打开链接的多种方法
在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式: 1.使用window的open方法打开链接,这里可是在制定页面 ...
- [转]Calling Web Service Functions Asynchronously from a Web Page 异步调用WebServices
本文转自:http://www.codeproject.com/Articles/70441/Calling-Web-Service-Functions-Asynchronously-from Ove ...
- Self Service Password (SSP)
安装SSP, 依赖包包括php5, php5-ldap, php5-mcrypt 启用mcrypt功能: sudo php5enmod mcrypt 第一部分: Apache 安装Apache, 并且 ...
- 9. Add the Block Storage service
Block Storage Server: 1. sudo apt-get install python-mysqldb 2. sudo apt-get install lvm2 3. 创建存 ...
- [办公自动化]无法使用江南天安usbkey 无法使用视频网站
同事打来电话说,无法使用江南天安开发的usbkey. 修复基本步骤记录如下: 1.卸载一切设备管理器中与之相关的驱动.拔出key. 2.重启计算机. 3.前往业务公开网站安装驱动. 4.插入key测试 ...