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 短路法代码精简
Aug 20 Javascript
三级下拉菜单的js实现代码
May 23 Javascript
Javascript面向对象设计一 工厂模式
Dec 20 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
认识Knockout及如何使用Knockout绑定上下文
Dec 25 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
Jun 09 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
JavaScript函数节流和函数防抖之间的区别
Feb 15 Javascript
Vuex之理解Store的用法
Apr 19 Javascript
解决vue-router中的query动态传参问题
Mar 20 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 Javascript
vue 导出文件,携带请求头token操作
Sep 10 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
处理php自动反斜杠的函数代码
2010/01/05 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
JavaScript去掉数组中的重复元素
2011/01/13 Javascript
Jquery 数据选择插件Pickerbox使用介绍
2012/08/24 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
2013/04/18 Javascript
5秒后跳转到另一个页面的js代码
2013/10/12 Javascript
javascript中数组的sort()方法的使用介绍
2013/12/18 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
2014/06/24 Javascript
javascript获得当前的信息的一些常用命令
2015/02/25 Javascript
JS实现带提示的星级评分效果完整实例
2015/10/30 Javascript
JavaScript知识点总结之如何提高性能
2016/01/15 Javascript
JavaScript中Array的实用操作技巧分享
2016/09/11 Javascript
JS中setTimeout和setInterval的最大延时值详解
2017/02/13 Javascript
解决vue-cli3 使用子目录部署问题
2018/07/19 Javascript
Vue resource三种请求格式和万能测试地址
2018/09/26 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
js+css实现全屏侧边栏
2020/06/16 Javascript
JavaScript实现多球运动效果
2020/09/07 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
2020/12/14 Vue.js
python实现的简单抽奖系统实例
2015/05/22 Python
Python判断文本中消息重复次数的方法
2016/04/27 Python
利用Opencv中Houghline方法实现直线检测
2018/02/11 Python
Pytorch根据layers的name冻结训练方式
2020/01/06 Python
python模拟实现斗地主发牌
2020/01/07 Python
jupyter note 实现将数据保存为word
2020/04/14 Python
全球速卖通:AliExpress(国际版淘宝)
2017/09/20 全球购物
荷兰皇家航空公司中国官网:KLM中国
2017/12/13 全球购物
英国时尚泳装品牌:Maru Swimwear
2019/10/06 全球购物
前厅部经理岗位职责范文
2014/02/04 职场文书
保护地球的宣传语
2015/07/13 职场文书
员工手册董事长致辞
2015/07/29 职场文书
Android Studio实现简易进制转换计算器
2022/05/20 Java/Android