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); }