jquery怎么动态实现表格分页
2016-04-07 · 百度知道合伙人官方认证企业
jquery动态实现表格分页的方法是利用自带的分页插件jQuery.page.js。
下面是使用方法:
$(".tcdPageCode").createPage({
pageCount:10,
current:1,
backFn:function(p){
//单击回调方法,p是当前页码
}
});
pageCount:总页数
察扒 current:当前页
实现分页的tab如下:
<div class="tcdPageCode">
<span class="disabled">上搭粗一页</span>
<span class="current">1</span>
<a href="javascript:;" class="知没镇tcdNumber">2</a>
<a href="javascript:;" class="tcdNumber">3</a>
<a href="javascript:;" class="tcdNumber">4</a>
<span>...</span>
<a href="javascript:;" class="tcdNumber">6</a><a href="javascript:;" class="nextPage">下一页</a></div>
实现效果:
利用Ajax获取服务器数据,实现分页功能。
ajax请求代码:
$.ajax({
type: "post",
contentType: "application/json",
url: "../Backstage/AdminService.asmx/GetAdminList",
data: JSON.stringify({ Name: user}),
success: function (result) {
var json = eval('(' + result.d + ')');
reTB(json.ds);
},
error: function (response) {
var r = jQuery.parseJSON(response.responseText);
alert("Message: " + r.Message);
}
})
在表格下面放置按钮“上一页”配脊消、“下一页”,当点击的时候执行上面的请求代码,再将返回的数据填培知充到表格中。野春
POST方法可以是多样的,你可以写到aspx页面的后台进行处理,也可以建一个一般处理程序,WCF、服务器引用等。
提示:当你点击下一页的时候肯定要判断当前的页面是第几页,所以在页面中要进行保存。
如有不明之处,请继续追问,望采纳!