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


Posted in Javascript onFebruary 10, 2015

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

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

Javascript 相关文章推荐
javascript 的Document属性和方法集合
Jan 25 Javascript
jQuery hover 延时器实现代码
Mar 12 Javascript
13 个JavaScript 性能提升技巧分享
Jul 26 Javascript
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
Jul 31 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
Nov 15 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
Jun 24 Javascript
1秒50万字!js实现关键词匹配
Aug 01 Javascript
js两种拼接字符串的简单方法(必看)
Sep 02 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
Feb 08 Javascript
基于JS实现带动画效果的流程进度条
Jun 01 Javascript
详解js访问对象的属性和方法
Oct 25 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
May 02 Javascript
js实现对table动态添加、删除和更新的方法
Feb 10 #Javascript
js+css实现导航效果实例
Feb 10 #Javascript
jquery.mobile 共同布局遇到的问题小结
Feb 10 #Javascript
jquery中EasyUI使用技巧小结
Feb 10 #Javascript
javascript操作符"!~"详解
Feb 10 #Javascript
JavaScript中的标签语句用法分析
Feb 10 #Javascript
jquery动态添加删除(tr/td)
Feb 09 #Javascript
You might like
《魔兽世界》惊魂幻象将获得调整
2020/03/08 其他游戏
oracle资料库函式库
2006/10/09 PHP
PHP与MYSQL中UTF8编码的中文排序实例
2014/10/21 PHP
workerman结合laravel开发在线聊天应用的示例代码
2018/10/30 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
Avengerls vs KG BO3 第一场2.18
2021/03/10 DOTA
Prototype 学习 工具函数学习($方法)
2009/07/12 Javascript
javascript 显示当前系统时间代码
2009/12/28 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
SelecT下拉框选中和取值的解决方法
2016/11/22 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
2017/03/08 Javascript
[47:55]Ti4第二日主赛事败者组 NaVi vs EG 1
2014/07/20 DOTA
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python中的进程分支fork和exec详解
2015/04/11 Python
在Python下使用Txt2Html实现网页过滤代理的教程
2015/04/11 Python
Python max内置函数详细介绍
2016/11/17 Python
详解Python中最难理解的点-装饰器
2017/04/03 Python
对Python中gensim库word2vec的使用详解
2018/05/08 Python
Keras 使用 Lambda层详解
2020/06/10 Python
Pycharm安装第三方库失败解决方案
2020/11/17 Python
用python获取txt文件中关键字的数量
2020/12/24 Python
详解Python中的GIL(全局解释器锁)详解及解决GIL的几种方案
2021/01/29 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
浏览器实现移动端高性能css3动画(开启gpu加速)
2013/12/23 HTML / CSS
html通过canvas转成base64的方法
2019/07/18 HTML / CSS
戴尔马来西亚官网:Dell Malaysia
2020/05/02 全球购物
应届生学校辅导员求职信
2013/11/07 职场文书
职业教育毕业生求职信
2013/11/09 职场文书
专科毕业生自我鉴定
2013/12/01 职场文书
英语专业学生个人求职信范文
2014/01/06 职场文书
读书活动实施方案
2014/03/10 职场文书
2014幼儿园教师个人工作总结
2014/11/08 职场文书
2015年加油站工作总结
2015/05/13 职场文书
大学生饮品店创业计划书范文
2019/07/10 职场文书
Django REST framework 限流功能的使用
2021/06/24 Python
SpringBoot整合Mybatis Generator自动生成代码
2021/08/23 Java/Android