Jquery.Pagination页数刷新问题

之前发一个帖子，实现Pagination查询后分页的问题，感谢群主的指点！现在还有一个问题！

Jquery.Pagination页数刷新问题，我把数据查询出来了，也显示了，但是下面的页数显示的不对。
代码如下：

       
    var pageIndex = 0;     //页面索引初始值
    var pageSize = 5;     //每页显示条数初始化，修改显示条数，修改这里即可
   
   
    $(function() {       
        InitTable(0);    //Load事件，初始化表格数据，页面索引为0（第一页）
                                                            
        //分页，PageCount是总条目数，这是必选参数，其它参数都是可选
        $("#Pagination").pagination(<%=pageCount %>, {
            callback: PageCallback,
            prev_text: '上一页',       //上一页按钮里text
            next_text: '下一页',       //下一页按钮里text
            items_per_page: pageSize,  //显示条数
            num_display_entries: 6, 
    
            current_page: pageIndex,   //当前页索引
            num_edge_entries: 2        //两侧首尾分页条目数
        });
            
        //翻页调用
        function PageCallback(index, jq) {           
            InitTable(index);
        }

        //请求数据
        function InitTable(pageIndex) {  
       
            var pid=$('#hpid').trim();
            var han=$('#han').trim();               
            $.ajax({ 
                type: "POST",   
                dataType: "text",
                url: '../PagesOp.aspx',      //提交到一般处理程序请求数据
                data: "pageIndex=" + (pageIndex + 1) + "&pageSize=" + pageSize+"&pid="+pid+"&han="+han,          //提交两个参数：pageIndex(页面索引)，pageSize(显示条数)                
                success: function(data) {                                 
                    $("#chList tr:gt(0)").remove();        //移除Id为Result的表格里的行，从第二行开始（这里根据页面布局不同页变）
                    $("#chList").append(data);             //将返回的数据追加到表格
                }
            });            
        }
        
    });
    
        function answer()
        {
           $("#han").val("1");
           $("#chList tr:gt(0)").remove();
              
            var pid=$('#hpid').trim();
            var han=$('#han').trim();               
            $.ajax({ 
                type: "POST",   
                dataType: "text",
                url: '../PagesOp.aspx',      //提交到一般处理程序请求数据
                data: "pageIndex=" + (pageIndex + 1) + "&pageSize=" + pageSize+"&pid="+pid+"&han="+han,          //提交两个参数：pageIndex(页面索引)，pageSize(显示条数)                
                success: function(data) {
                                          
                    $("#chList tr:gt(0)").remove();        //移除Id为Result的表格里的行，从第二行开始（这里根据页面布局不同页变）
                    $("#chList").append(data);             //将返回的数据追加到表格
                }
            });            
            
            var i = Practice_TeacherConn.getCountOfWhere(pid,"1").value; //调用服务端事件得到查询后的记录数
          
           //分页，PageCount是总条目数，这是必选参数，其它参数都是可选
            $("#Pagination").pagination(i, {
                callback: PageCallback,
                prev_text: '上一页',       //上一页按钮里text
                next_text: '下一页',       //下一页按钮里text
                items_per_page: pageSize,  //显示条数
                num_display_entries: 6, 
        
                current_page: pageIndex,   //当前页索引
                num_edge_entries: 2        //两侧首尾分页条目数
            });
        
        }

answer()是查询代码，现在调用它数据可以出来，就是页数显示的不正确！

11 个解决方案

#1

看你原来的帖子我的回复，InitTable要修改增加参数，要不分页后数据就不正确了

至于页码不对，应该是var i = Practice_TeacherConn.getCountOfWhere(pid, "1").value没获取对吧。。确保你调用的参数和 data: "pageIndex=" + (pageIndex + 1) + "&pageSize=" + pageSize+"&pid="+pid+"&han="+han这个一直，要不返回的总记录数当然不对

#2

我也写了个分页插件，楼猪去我博客捧捧场啊，

#3

var i = Practice_TeacherConn.getCountOfWhere(pid, "1").value
调试了一下，可以正确返回查询后的记录数的。！

#4

var i = Practice_TeacherConn.getCountOfWhere(pid, "1").value
alert(i)//增加这句看看是否是你需要的页数。是下面重新生成的导航不会错的，如果不是就是ajax异步还没返回你需要的总页数

#5

我试了一下，我直接给i复制为1，下面的页数也没有变，好奇怪！

#6

 var pid=$('#hpid'). trim();
var han=$('#han'). trim();  


jquery对象没有trim方法，报错了吧。。应该是$.trim
            

 var pid=$.trim($('#hpid').val());
 var han=$.trim($('#han').val());

 

#7

群主，我调了一下，var pid=$('#hpid').trim();
var han=$('#han').trim();  
可以得到内容，也是我想要的。现在就是数据正确显示，但是页数显示不对，好伤人。呵呵

  function answer()
        {
           $("#han").val("1");
           $("#chList tr:gt(0)").remove();
              
            var pid=$('#hpid').trim();
            var han=$('#han').trim();  
            alert(pid+" "+han);               
            $.ajax({ 
                type: "POST",   
                dataType: "text",
                url: '../PagesOp.aspx',      //提交到一般处理程序请求数据
                data: "pageIndex=" + (pageIndex + 1) + "&pageSize=" + pageSize+"&pid="+pid+"&han="+han,          //提交两个参数：pageIndex(页面索引)，pageSize(显示条数)                
                success: function(data) {
                                          
                    $("#chList tr:gt(0)").remove();        //移除Id为Result的表格里的行，从第二行开始（这里根据页面布局不同页变）
                    $("#chList").append(data);             //将返回的数据追加到表格
                }
            });            
            
            var i = Practice_TeacherConn.getCountOfWhere(pid,"1").value; //调用服务端事件得到查询后的记录数
          
           //分页，PageCount是总条目数，这是必选参数，其它参数都是可选
            $("#Pagination").pagination(1, {
                callback: PageCallback,
                prev_text: '上一页',       //上一页按钮里text
                next_text: '下一页',       //下一页按钮里text
                items_per_page: pageSize,  //显示条数
                num_display_entries: 6, 
        
                current_page: pageIndex,   //当前页索引
                num_edge_entries: 2        //两侧首尾分页条目数
            });
        
        }

你看调用时，直接把pagecount写1，页码还是不是1页，呵呵。

#8

你看调用时，直接把pagecount写1，页码还不是1页，呵呵。 

#9

引用 8 楼 gcchen 的回复:

你看调用时，直接把pagecount写1，页码还不是1页，呵呵。 

朋友，我觉得这个应该是个BUG，看下源码发现这个总行数就是在初始化的时候设置的，不能修改这个总行数，然后在生成页码。。

如果有啥不对的，还请各位指教，我现在也在用这个插件~~

#10

我遇到一个分页问题，就是当返回的记录数是0的时候，一直callback，这个问题哪位大侠遇到过呢？

#11

楼主，你用这个分页有没有出现初始化的时候请求2次？？？？