评论：jQuery分页插件 bPage(原创)  [查看原文]

作者大大，我想刷新表格，刷新的时候可以携带业务参数和分页信息到后台，不过，携带的分页信息总是缺少pageNumber这个参数，这样后台没办法判断前端需要哪一页的数据。

```
$('#category').bPage({
           url : "{:url('category/lst')}",
           asyncLoad : true,
           render : function(data){  //数据自定义填充
               var tb = $('#dataGridTableJson tbody');
               $(tb).empty();
               if(data && data.list && data.list.length > 0){
                   $.each(data.list,function(i,row){
                       var tr = $('<tr>');
                       $(tr).append('<td></td>');
                       $(tr).append('<td>'+row.name+'</td>');
                       $(tr).append('<td>'+row.sort+'</td>');
                       $(tr).append('<td>'+row.is_show+'</td>');
                       $(tb).append(tr);
                   });
               }
           },
           params : function(){
               return {
                   userName : 'zhangsan',
                   age : 42
               };
           }
       });
$('#category').bPageRefresh();  //这些我想刷新表格状态

```

夹击妹抖0
2018/10/11 16:18:51
他这个封装好的，不用找触发事件，页码和每页数据量都在请求域里面，你前台不用传参数，后台直接打开请求域在请求域里面取就行。

Terry0
2018/6/29 20:43:34
官网有实例的 Demo 看一下就会了，很简单

?queens?0
2018/3/23 11:02:26
我设置了自己当前页面的url 后台控制器报错找不到页面

第三种模式。 请问有方法用于刷新reload数据吗

Terry1
2018/6/29 20:42:48
$('#your page bar').bPageRefresh();

请问，如果上方有一个搜索条件的表单，有一个提交按钮，点击提交要按条件触发检索并显示第一页，那如何触发呢

求助大佬：

只有一个页面，关键代码如下：

<div class="form-group">
    <label for="dt" class="col-md-1 control-label">时间</label>
    <div class="dt_container" style="width:174px;">
        <input id="dt" class="form_datetime dt_input" type="text" data-link-field="dt_input1">
        <div class="dt_clear_btn" title="清除内容">×</div>
        <input type="hidden" class="dt_hidden" id="dt_input1" name="dtinput1">
    </div>
    <span>---</span>
    <div class="dt_container" style="width:174px;">
        <input class="form_datetime dt_input" type="text" data-link-field="dt_input2">
        <div class="dt_clear_btn" title="清除内容">×</div>
        <input type="hidden" class="dt_hidden" id="dt_input2" name="dtinput2">
    </div>
</div>
<input id="button" type="button" value="查询">

请问如何实现，点击“查询”按钮，将时间参数传递到后台，并根据返回的json字符串中对应的分页栏参数，生成分页栏，后台分页功能处理的代码已完成。

完全按照第三种模式粘的代码，出不来

Terry0
2017/9/7 10:42:51

出不来是因为服务端返回的数据没有按照要求的格式输出

直接用的第3种渲染，#bPageDropList的选择切换没效果,有多少条数据全部都渲染出来了

Terry0
2017/8/14 16:21:40

这种情况，通常是后端参数没接收好，请在浏览器的调试模式下观察发起请求的Headers中的Query String部分，这是向服务端请求的参数

再观察Response中返回json内容，查看两个情况下的分页参数传递和接收是否正确

请问一下 ，我使用的是第三种模式，表格的数据有渲染出来，但是分页并没有效果呢，是要设置什么地方嘛？

Terry0
2017/8/10 18:00:10

第三种方式是ajax+JS自定义渲染的方式，如果分页没有效果的话，你检查一下你的服务端返回的分页信息有没有变化

用浏览器的调试模式检查请求的分页参数和返回的分页参数就知道了

请问我用angular的$httppost方法请求下来的数据，可以用这个吗

Terry0
2017/8/10 18:04:18

惭愧，angular还不会用，回答不了你这个问题

下面的部分是什么意思呢？

return {
    userName: 'zhangsan',
    age: 42
};

Terry0
2017/8/3 16:36:14

这是用于请求 页面/ajax 时向服务端请求的业务参数，之所以使用function的方式，是允许在每次分页前可以执行一部分页面的计算或逻辑的操作，以不同的参数向后端发起请求