onPageChange: function(num, type) {
debugger;
if (type == "change") {
exeData(num, type);
}
//这里放ajax请求,请测有效
}
其实“四月是你的谎言”说的已经很详细了~看见还有人问,来说一下我调试的结果
/*loadData(num,count)写在$(function(){})外,num为当前选中页码,count是我自己加的,是ajax返回的数据总数*/
function loadData(num, count) {
console.log(num);
if (count) {
//ajax请求后,有了count~重新赋值
console.log(count);
$("#PageCount").val(count);
} else {
//页面加载时,初始化一个值
$("#PageCount").val("30");
}
}
/*ajax成功后的调用*/
var count = 40; //比如loadData(1,count);loadpage();//必须加在下面
啊~第一次评论~为啥跑到一行里了~
/*loadData(num,count)写在$(function(){})外,num为当前选中页码,count是我自己加的,是ajax返回的数据总数*/
function loadData(num, count) {
console.log(num);
if (count) {
//ajax请求后,有了count~重新赋值
console.log(count);
$("#PageCount").val(count);
} else {
//页面加载时,初始化一个值
$("#PageCount").val("30");
}
}
//重新加载分页控件
var count = devlist.length;
loadData(1, count);
loadpage();
刚进来也是一脸懵逼,这个只是帮助刚进来的人解读的,不要打我不要打我QAQ
<ul class="pagination" id="pagination"></ul> <!--PageCount是一共多少条数据--> <input type="hidden" id="PageCount" runat="server" /> <!--PageSize是页面显示多少条数据--> <input type="hidden" id="PageSize" runat="server" /> <!--countindex这个参数是通过上面的PageCount与PageSize计算出来的分多少页--> <!--js中是自动计算的,可默认也可以自己填--> <input type="hidden" id="countindex" runat="server" value="10"/> <!--上一页与下一页中间的数字框,要显示几个就value多少个--> <input type="hidden" id="visiblePages" runat="server" value="7" />
$(function(){
loadData(1);// 1是页面刷新载入参数num
loadpage();// 初始化分页栏
});
// 该方法是change点击分页栏数字后触发
// 参数num是点击的页码
function loadData(num) {
// #PageCount这个是一共有多少条数据
$("#PageCount").val("89");
// 【不懂就在该方法中添加 alert(num),然后试着点击数字框】
// 这个是我的ajax提交后台的js方法
// 获取数据后拼接html到页面的方法
// 这里num是从1开始的,我是从0开始传后台的,所以--num
pageordered(--num, 1);
}