JS组件Bootstrap Table使用实例分享


Posted in Javascript onMay 30, 2016

学习使用bootstrap表格是对客户端进行分页的时候,在朋友的帮助下,找到了文档http://bootstrap-table.wenzhixin.net.cn/examples/                 
找到了传到后台的每页条数Limit,和记录开始数Offset。             
开始封装,分享一下我的代码,从bootstrap table 获取页码和页数,并交给后台处理。

$('#table').bootstrapTable({
  url: '<%=path%>/FeedList.cqzk',
  striped: true,
  pagination: true,
  pageList: [3,5,20],
  pageSize:3,
  pageNumber:1,
  sidePagination:'server',//设置为服务器端分页
  columns: [{
  field: 'title',
  title: '标题'
  }, {
  field: 'creatTime',
  title: '时间'
  } ]
 });



 @RequestMapping(value = "/FeedList.cqzk")
 @ResponseBody
 public String url_ad1(HttpServletRequest request,BootPage page) 
  throws ServletException,IOException,RuntimeException{
 
 @SuppressWarnings("unchecked") 
// List<Feedback> list = feedBackDao.find("from Feedback");
 BootPage pager = feedBackDao.getByPage("from Feedback",page,null);
 System.out.println((JSONArray.fromObject(pager)).getString(0).toString());
 return (JSONArray.fromObject(pager)).getString(0).toString(); 
 // 不写.getString(0) 就多一个中括号,返回的就是数组,写了就是返回第一个对象。
 }
 


public BootPage getByPage(String hql,BootPage pager,Map<String, Object> condition){
 if (pager == null) {
  throw new IllegalArgumentException("分页 不能为空!");
 }

 Query q = sessionFactory.getCurrentSession().createQuery(hql);
 q.setFirstResult(pager.getOffset());
 q.setMaxResults(pager.getLimit());

 if (condition != null) {
  q.setProperties(condition);
 }
 pager.setRows(q.list());
 pager.setTotal(this.countAll(hql, condition));
 return pager;
 
 }
 protected Long countAll(String hql, Map<String, Object> condition) {
 if (hql == null) {
  return 0l;
 }
 String tmpHql = hql.toLowerCase();
 String regex = hql.substring(0, tmpHql.indexOf("from"));
 hql = hql.replaceFirst(regex, "select count(*) ");
 Query q = sessionFactory.getCurrentSession().createQuery(hql);
 if (condition != null) {
  q.setProperties(condition);
 }
 return (Long) q.uniqueResult();
 }


public final class BootPage<T> {
 
 protected Long total;
 
 protected List<T> rows;
 
 protected int limit=0;
 
 protected int offset = 0;
 
 protected String order ="asc" ;

如果大家还想深入学习,可以点击这里进行学习,再为大家附3个精彩的专题:

以上就是为大家分享的Bootstrap Table使用方法,希望对大家熟练掌握Bootstrap Table使用方法有所帮助。

Javascript 相关文章推荐
[原创]后缀就扩展名为js的文件是什么文件
Dec 06 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
Jan 13 Javascript
javascript制作的简单注册模块表单验证
Apr 13 Javascript
浅析Node.js中的内存泄漏问题
Jun 23 Javascript
ie下js不执行的几种可能
Feb 28 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
Mar 10 Javascript
javascript实现数字配对游戏的实例讲解
Dec 14 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
Sep 26 Javascript
vue实现表格过滤功能
Sep 27 Javascript
如何在Vue中抽离接口配置文件
Oct 31 Javascript
vue中使用v-for时为什么不能用index作为key
Apr 04 Javascript
vue route新窗口跳转页面并且携带与接收参数
Apr 10 Vue.js
Bootstrap table分页问题汇总
May 30 #Javascript
浅析Javascript中bind()方法的使用与实现
May 30 #Javascript
Bootstrap Paginator分页插件使用方法详解
May 30 #Javascript
深入理解JavaScript中的call、apply、bind方法的区别
May 30 #Javascript
全面解析Bootstrap中transition、affix的使用方法
May 30 #Javascript
全面解析Bootstrap中form、navbar的使用方法
May 30 #Javascript
js实现页面a向页面b传参的方法
May 29 #Javascript
You might like
php 修改zen-cart下单和付款流程以防止漏单
2010/03/08 PHP
php中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
php 批量生成html,txt文件的实现代码
2013/06/26 PHP
php计划任务之ignore_user_abort函数实现方法
2015/01/08 PHP
AES加解密在php接口请求过程中的应用示例
2016/10/26 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
div层的移动及性能优化
2010/11/16 Javascript
从零开始学习jQuery (十) jQueryUI常用功能实战
2011/02/23 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
javascript实现存储hmtl字符串示例
2014/04/25 Javascript
javascript实现保留两位小数的多种方法
2015/12/18 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
微信小程序实现滑动删除效果
2017/05/19 Javascript
vuejs父子组件之间数据交互详解
2017/08/09 Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
2018/09/30 Javascript
一文了解vue-router之hash模式和history模式
2019/05/31 Javascript
Vue项目打包部署到apache服务器的方法步骤
2021/02/01 Vue.js
在Python的Django框架中创建和使用模版
2015/07/15 Python
Python日期时间对象转换为字符串的实例
2018/06/22 Python
NumPy.npy与pandas DataFrame的实例讲解
2018/07/09 Python
HTML5 File接口在web页面上使用文件下载
2017/02/27 HTML / CSS
蔻驰美国官网:COACH美国
2016/08/18 全球购物
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
亿阳信通股份有限公司笔试题(C#)
2016/03/04 面试题
AJAX的优缺点都有什么
2015/08/18 面试题
大学社团活动总结
2014/04/26 职场文书
竞选班干部演讲稿500字
2014/08/20 职场文书
2014年新教师工作总结
2014/11/08 职场文书
2015年爱牙日活动总结
2015/03/23 职场文书
故意杀人案辩护词
2015/05/21 职场文书
换届选举主持词
2015/07/03 职场文书
2016感恩母亲节校园广播稿
2015/12/17 职场文书
MySQL 表空间碎片的概念及相关问题解决
2021/05/07 MySQL
Nginx实现高可用集群构建(Keepalived+Haproxy+Nginx)
2021/05/27 Servers
关于python中readlines函数的参数hint的相关知识总结
2021/06/24 Python
JavaScript中的宏任务和微任务详情
2021/11/27 Javascript