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优先加载笔记代码
Sep 30 Javascript
JavaScript中去掉数组中的重复值的实现方法
Aug 03 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 Javascript
JS集成fckeditor及判断内容是否为空的方法
May 27 Javascript
微信小程序(应用号)简单实例应用及实例详解
Sep 26 Javascript
Angular2  NgModule 模块详解
Oct 19 Javascript
jquery popupDialog 使用 加载jsp页面的方法
Oct 25 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
Dec 16 Javascript
解决vue-cli创建项目的loader问题
Mar 13 Javascript
JS实现继承的几种常用方式示例
Jun 22 Javascript
jquery实现手风琴案例
May 04 jQuery
小程序实现文字循环滚动动画
Jun 14 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 5昨天隆重推出--PHP 5/Zend Engine 2.0新特性
2006/10/09 PHP
关于PHP自动判断字符集并转码的详解
2013/06/26 PHP
PHP函数分享之curl方式取得数据、模拟登陆、POST数据
2014/06/04 PHP
Laravel 4 初级教程之视图、命名空间、路由
2014/10/30 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
IE与firefox之jquery用法区别
2008/10/03 Javascript
javascript 动态设置已知select的option的value值的代码
2009/12/16 Javascript
jQuery中jqGrid分页实现代码
2011/11/04 Javascript
Javascript图像处理—为矩阵添加常用方法
2012/12/27 Javascript
js检测网络是否具体连接功能的代码
2014/05/23 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
2014/09/22 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
Bootstrap每天必学之滚动监听
2016/03/16 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
2017/01/23 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
js+html获取系统当前时间
2017/11/10 Javascript
jQuery实现checkbox的简单操作
2017/11/18 jQuery
vue2配置scss的方法步骤
2019/06/06 Javascript
基于Node.js的大文件分片上传示例
2019/06/19 Javascript
JSX在render函数中的应用详解
2019/09/04 Javascript
python生成ppt的方法
2018/06/07 Python
Python利用sqlacodegen自动生成ORM实体类示例
2019/06/04 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
python selenium登录豆瓣网过程解析
2019/08/10 Python
OpenCV+face++实现实时人脸识别解锁功能
2019/08/28 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
Python hashlib加密模块常用方法解析
2019/12/18 Python
以设计师精品品质提供快速时尚:PopJulia
2018/01/09 全球购物
曼城官方网上商店:Manchester City
2019/09/10 全球购物
中学生国旗下讲话稿
2014/04/26 职场文书
食品安全标语
2014/06/07 职场文书
应届生自荐信
2014/06/30 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
幼儿园端午节活动方案
2014/08/25 职场文书
民主生活会剖析材料
2014/09/30 职场文书
AJAX实现省市县三级联动效果
2021/10/16 Javascript