bootstrap table 服务器端分页例子分享

 更新时间:2015年02月10日 09:43:45   投稿:hebedich  
这篇文章主要介绍了bootstrap table 服务器端分页例子分享,需要的朋友可以参考下

1,前台引入所需的js 可以从官网上下载

复制代码 代码如下:

function getTab(){
var url = contextPath+'/fundRetreatVoucher/fundBatchRetreatVoucherQuery.htm';
$('#tab').bootstrapTable({
method: 'get', //这里要设置为get,不知道为什么 设置post获取不了
url: url,
cache: false,
height: 400,
striped: true,
pagination: true,
pageList: [10,20],
// contentType: "application/x-www-form-urlencoded",
pageSize:10,
pageNumber:1,
search: true,
sidePagination:'server',//设置为服务器端分页
queryParams: queryParams,//参数
showColumns: true,
showRefresh: true,
minimumCountColumns: 2,
clickToSelect: true,
smartDisplay:true,
columns: [
{
field: 'interfaceInfoCode',
title: '资金通道编码',
align: 'center',
width: '180',
valign: 'bottom',
sortable: true
}, {
field: 'retreatBatchCode',
title: '资金退回批次号',
align: 'center',
width: '200',
valign: 'middle',
sortable: true
}, {
field: 'total',
title: '总笔数',
align: 'center',
width: '10',
valign: 'top',
sortable: true
}, {
field: 'totalMoney',
title: '总金额',
align: 'center',
width: '100',
valign: 'middle',
clickToSelect: false
}, {
title: '操作',
field: 'state',
align: 'center',
width: '200',
valign: 'middle',
}]
});
}
//设置传入参数
function queryParams(params) {
  return params
}
$(function(){
getTab();
})

2 后台

获取limit offset ,有些网站上 要格式化传入参数 获取pageSize,pageIndex 反正我是没有成功,如果知道 可以分享给我

复制代码 代码如下:

int currentPage = request.getParameter("offset") == null ? 1 : Integer.parseInt(request.getParameter("offset"));
  // 每页行数
  int showCount = request.getParameter("limit") == null ? 10 : Integer.parseInt(request.getParameter("limit"));/
  if (currentPage != 0) {// 获取页数
   currentPage = currentPage / showCount;
  }
  currentPage += 1;
  JSONObject json = new JSONObject();
  json.put("rows", bfrv); //这里的 rows 和total 的key 是固定的
  json.put("total", total);

以上所述就是本文的全部内容了,希望小伙伴们能够喜欢。

相关文章

  • jQuery UI旋转器部件Spinner Widget

    jQuery UI旋转器部件Spinner Widget

    这篇文章介绍了jQuery UI旋转器部件Spinner Widget,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • jQuery点击出现爱心特效

    jQuery点击出现爱心特效

    这篇文章主要为大家详细介绍了jQuery点击出现爱心特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • JQuery的Validation插件中Remote验证的中文问题

    JQuery的Validation插件中Remote验证的中文问题

    前段时间,再次出现AJAX中文编码问题,导致会员名重复检测失败,不过这次出现问题的是Validation插件的remote验证。
    2010-07-07
  • AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法

    AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法

    这篇文章主要介绍了AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法,需要的朋友可以参考下
    2014-06-06
  • jQuery中prevUntil()方法用法实例

    jQuery中prevUntil()方法用法实例

    这篇文章主要介绍了jQuery中prevUntil()方法用法,实例分析了按条件查找匹配元素之前所有的同辈元素的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jquery实现平滑的二级下拉菜单效果

    jquery实现平滑的二级下拉菜单效果

    这篇文章主要介绍了jquery实现平滑的二级下拉菜单效果,可实现鼠标滑过弹出二级下拉菜单,涉及jquery鼠标hover事件及fadeIn与fadeOut事件操作页面元素隐藏及显示的实现技巧,需要的朋友可以参考下
    2015-08-08
  • jQuery实现可拖动进度条实例代码

    jQuery实现可拖动进度条实例代码

    这篇文章主要介绍了jQuery实现可拖动进度条实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-06-06
  • JQuery animate动画应用示例

    JQuery animate动画应用示例

    这篇文章主要介绍了JQuery animate动画应用,结合具体实例形式分析了jQuery使用animate动画实现选项卡及样式动态变化相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • jQuery 1.9使用$.support替代$.browser的使用方法

    jQuery 1.9使用$.support替代$.browser的使用方法

    jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support,下面我们来看下具体的使用方法
    2014-05-05
  • jquery ajax例子返回值详解

    jquery ajax例子返回值详解

    $.ajax()跟($.post(),$.get())最主要的差别就是 成功回调后,执行success. . $.post(),$.get()就只能简单的做下传递 ,返回. .后续工作没法继续.所以看情况调用
    2012-09-09

最新评论