Jquery.Pagination查询后分页问题

Question

重新执行一次
 $("#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        //两侧首尾分页条目数
        });这个代码就行了，红色部分修改为你ajax返回总记录数。

Answer 1

真巧，前两天我也用的这个插件做的，需求也差不多，我也是按照版主的方式解决的，包括hash监听。不过感觉这个插件不好用，如果是内部处理pageTotalCount就好了，后台也封装好分页对象，pageTotalCount和resultList赋值给插件，如果用<%=pageCount %>是不是也很麻烦，不知道你是怎么做的，能不能分享下

Answer 2

看到1楼的回答非常高兴试了一下，
1.添加一个查询按钮
 <div class="bar">
 <a class="btn-lit" href="javascript:answer();"><span>已处理的问题</span></a>
 </div>
2.调用前面刷新的事件
function answer()
    {
       $("#han").val("1");
       //分页，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        //两侧首尾分页条目数
        });
    }
数据是查到了，但是没有刷新数据，需要手动点一下“上一页”或“下一页”才可以显示查询后的数据。

Answer 3

执行$("#Pagination").pagination只是更新了导航的dom结构，内容是不会刷新的，你需要自己发送一次ajax请求查询结果
function answer()
    {
       $("#han").val("1");
       //分页，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        //两侧首尾分页条目数
        });
InitTable(0,'an=1')////////////要执行一次取你需要的数据的代码，并传递参数
    }   //请求数据
        function InitTable(pageIndex,params) {  /////////增加附件参数
       
            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+(params?'&'+params:''), //////传递了附加参数则加上
                success: function(data) {                                 
                    $("#chList tr:gt(0)").remove();        //移除Id为Result的表格里的行，从第二行开始（这里根据页面布局不同页变）
                    $("#chList").append(data);             //将返回的数据追加到表格
                }
            });            
        }
        
    });

Answer 4

试了半天还是不好用，楼上的手高有没有demo给一个学习一下。万分感谢。[email protected]

Answer 5

4楼不是说的很明白了么，。，。发送ajax请求的时候把新增的参数(就是你说的查询条件)带进去就可以了。还有JQUERY的ajax传参你这么拼接字符串不累么？为什么不写成data:{
    pageIndex:pageIndex +1,
    pageSize:pageSize
}这样可能分页的数字什么的还不会更新，偷懒一点重新构造一个pagination拉倒。

Answer 6

  $("#btn").click(function () {
                $.post("TongjiFenxi.aspx", { action: "get" }, function (data) {
                    $("#Pagination").pagination(data, {
                        callback: PageCallback,
                        prev_text: '上一页',       //上一页按钮里text
                        next_text: '下一页',       //下一页按钮里text
                        items_per_page: pageSize,  //显示条数
                        num_display_entries: 6,    //连续分页主体部分分页条目数
                        current_page: pageIndex,   //当前页索引
                        num_edge_entries: 1//两侧首尾分页条目数
                    })
                })
            });

Answer 7

你们发现了没：ajax请求时url被执行了2次，有哪位大神出来指点吗。

Answer 8

因为初始的时候会加载一次callback事件