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 无符号右移运算符
Apr 17 Javascript
ASP Json Parser修正版
Dec 06 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
Dec 08 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
Dec 27 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
Mar 03 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
Dec 16 Javascript
基于Bootstrap分页的实例讲解(必看篇)
Jul 04 Javascript
最通俗易懂的javascript变量提升详解
Aug 05 Javascript
详解ES6中的 Set Map 数据结构学习总结
Nov 06 Javascript
Node.js API详解之 util模块用法实例分析
May 09 Javascript
JS检测浏览器开发者工具是否打开的方法详解
Oct 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
第十五节--Zend引擎的发展
2006/11/16 PHP
windows环境下php配置memcache的具体操作步骤
2013/06/09 PHP
实用的简单PHP分页集合包括使用方法
2013/10/21 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
JS 容错处理代码, 屏蔽错误信息
2021/03/09 Javascript
简单JS代码压缩器
2006/10/12 Javascript
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
关于锚点跳转及jQuery下相关操作与插件
2012/10/01 Javascript
JS对select控件option选项的增删改查示例代码
2013/10/21 Javascript
ECMAScript中函数function类型
2015/06/03 Javascript
JavaScript+CSS实现仿天猫侧边网页菜单效果
2015/08/25 Javascript
JavaScript基础知识及常用方法总结
2016/01/10 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
2016/07/04 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
基于vue2.0实现的级联选择器
2017/06/09 Javascript
理解 Node.js 事件驱动机制的原理
2017/08/16 Javascript
js截取字符串功能的实现方法
2017/09/27 Javascript
node.js基础知识小结
2018/02/26 Javascript
JavaScript获取用户所在城市及地理位置
2018/04/21 Javascript
Vue引入jquery实现平滑滚动到指定位置
2018/05/09 jQuery
layui使用数据表格实现购物车功能
2019/07/26 Javascript
[06:13]DOTA2进化论(修改版)
2013/10/08 DOTA
python 排列组合之itertools
2013/03/20 Python
python多线程threading.Lock锁用法实例
2014/11/01 Python
Python 抓取动态网页内容方案详解
2014/12/25 Python
Python的Urllib库的基本使用教程
2015/04/30 Python
Python3.5实现的罗马数字转换成整数功能示例
2019/02/25 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
html5使用canvas画空心圆与实心圆
2014/12/15 HTML / CSS
美国眼镜网:GlassesUSA
2017/09/07 全球购物
公司总经理工作职责管理办法
2014/02/28 职场文书
党支部公开承诺书
2014/03/28 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
党的群众路线教育实践活动批评与自我批评发言稿
2014/10/16 职场文书
聊聊Python String型列表求最值的问题
2022/01/18 Python