<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns ="http://www.w3.org/1999/xhtml">
<head>
<title>file upload</title>
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/pagination.css" />
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/demo.css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.pagination.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type : "POST",
url : "<%=request.getContextPath()%>/findForPage2.action",
//此处是调用后台的ACTION
//data : "ws.gameid="+gameid,
dataType : "json",
success :function(data){
initPagination(data);//data是返回来的json数据
}
});
});
function initPagination(msg) {
$("#Pagination").pagination(msg.listProduct.length, {
num_edge_entries: 2,
num_display_entries: 8,
callback: function(page_index,jq){
pageselectCallback(page_index,jq,msg);//回调函数,把json数据传过去以便显示时取数
},
items_per_page:2//每页两条
});
}
function pageselectCallback(page_index, jq,msg){
var new_content="";
for(var i=page_index*2;i<(page_index+1)*2;i++)
{
if(null!=msg.listProduct[i]){//判断如果存在那么多条记录才循环
new_content = "<tr>"+msg.listProduct[i].productname+"</tr>"+new_content;
}
}
$('#Searchresult').empty().append(new_content);
return false;
}
</script>
</head>
<body>
<h1>jQuery Pagination Plugin Demo</h1>
<div id="Pagination"></div>
<br style="clear:both;" />
<div id="Searchresult">
This content will be replaced when pagination inits.
</div>
<div id="hiddenresult" >
</div>
</body>
</html>
不明白的联系:QQ 654865674
- 大小: 11.3 KB
- 大小: 13 KB
分享到:
相关推荐
Jquery.Pagination.js + Jquery.Ajax + ASP.NET----无刷新分页Pagination 1.5.1,是在原作者基础上修改的,因为Pagination 1.5.1与它的低版本有很大的区别,所以在此实例中增加了新版的使用方法
jQueryPager(JQuery分页插件pagination实现Ajax分页) CSDN犀利助互群60168829
这个是使用jquery.pagination.js实现分页的三种实例,包括使用jquery.pagination.js实现简单的分页,使用ajax实现无刷新分页,还有设置分页属性就行分页。。。
jquery的Ajax分页插件,含html演示示例(javascript数组做数据源)
jQueryPager(JQuery分页插件pagination实现Ajax分页)
jquery.pagination 异步 分页
jQuery Pagination Ajax 分页插件,本插件实现的分页效果适合移动版和PC版,Ajax在不实现刷新网页的情况下,控制内容分页显示,实现这一功能,需要前台和后台两者结合 ,前台也就是本款代码所展现的功能,实现Ajax的...
一个基于Jquery Pagination插件,从服务器端分页读取数据库信息,并显示的实例,服务器端使用Asp,数据库使用Access。
用Jquery Pagination插件,服务器端用ASP.NET MVC3做的一个分页实例,详见:http://hi.baidu.com/tz666/item/7b401707a3e76fdb73e676d4
此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。 原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改...
此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。 三、前台代码部分 var pageSize =6; //每页显示多少条记录 var total; //总共多少记录 ...
功能强大的ajax方式jQuery前端分页插件pagination.zip
asp.net中利用Jquery+Ajax+Json实现无刷新分页 ,完整示例,带样式,很有参考价值,利用jquery.pagination.js分页
采用JQuery Pagination 插件,服务器端采用asp.net ashx,数据库操作采用LinQ TO Entity,实现异步分页操作实例。 具体介绍,详见:http://hi.baidu.com/tz666/item/73a676d9b171041821e250b0
此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。 原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改版...
Jquery 无刷新分页 jquery.pagination.js 带数据库 提交Handler请求数据 AJAX
ajax请求后台无刷新分页 利用jquery.pagination插件,回传dataList和 pageCount
采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果 页面内容: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...
实现管理员后台列表的无刷新分页,采用了异步传输数据。