效果图:
jquery代码
$(document).ready(function() {
var tbody = "";
var count = "";
$.ajax({
dataType: "json",
url: "Search.asmx/dataset",
contentType: "application/json",
data: "{}",
type: "POST",
success: function(json) {
var json = eval('(' + json.d + ')');
$("#list tr:gt(0)").remove();
$.each(json.navigation.item, function(i, n) {
var str = "";
str += "<tr><td>" + n.itemId + "</td><td>" + n.itemName + "</td><td>" + n.itemUrl + "</td></tr>";
tbody += str;
});
$("#list").append(tbody);
var count = $(json.navigation.item).length;
}
});
$("#pager").pager({ pagenumber: 1, pagecount: 15, buttonClickCallback: PageClick });
});
PageClick = function(pageclickednumber) {
$("#pager").pager({ pagenumber: pageclickednumber, pagecount: 15, buttonClickCallback: PageClick });
//$("#result").html("当前第" + pageclickednumber + "页");
}
</script>
问题:
当点击分页按钮上的任意一个页面,上面的列表内容都不改变。请问如何让他改变。
总共记录有15条,但他的所有记录都在一个页面上了,如何让他进行分页。
jquery代码
$(document).ready(function() {
var tbody = "";
var count = "";
$.ajax({
dataType: "json",
url: "Search.asmx/dataset",
contentType: "application/json",
data: "{}",
type: "POST",
success: function(json) {
var json = eval('(' + json.d + ')');
$("#list tr:gt(0)").remove();
$.each(json.navigation.item, function(i, n) {
var str = "";
str += "<tr><td>" + n.itemId + "</td><td>" + n.itemName + "</td><td>" + n.itemUrl + "</td></tr>";
tbody += str;
});
$("#list").append(tbody);
var count = $(json.navigation.item).length;
}
});
$("#pager").pager({ pagenumber: 1, pagecount: 15, buttonClickCallback: PageClick });
});
PageClick = function(pageclickednumber) {
$("#pager").pager({ pagenumber: pageclickednumber, pagecount: 15, buttonClickCallback: PageClick });
//$("#result").html("当前第" + pageclickednumber + "页");
}
</script>
问题:
当点击分页按钮上的任意一个页面,上面的列表内容都不改变。请问如何让他改变。
总共记录有15条,但他的所有记录都在一个页面上了,如何让他进行分页。
http://kb.cnblogs.com/a/1503064/
http://www.cnblogs.com/tianxin2001x/archive/2009/12/17/1626351.html