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 相关文章推荐
jMessageBox 基于jQuery的窗口插件
Dec 09 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 Javascript
JavaScript实现找质数代码分享
Mar 24 Javascript
jQuery实现带有洗牌效果的动画分页实例
Aug 31 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
Apr 17 Javascript
Angular2 环境配置详细介绍
Sep 21 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 Javascript
微信小程序 触控事件详细介绍
Oct 17 Javascript
基于node.js express mvc轻量级框架实践
Sep 14 Javascript
Vue解析带html标签的字符串为dom的实例
Nov 13 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
Nov 29 Javascript
小程序实现简单语音聊天的示例代码
Jul 24 Javascript
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编程最快明白》第五讲:php目录、文件操作
2010/11/01 PHP
PHP上传文件时自动分配路径的方法
2015/01/09 PHP
PHP判断函数是否被定义的方法
2019/06/21 PHP
Thinkphp5框架异常处理操作实例分析
2020/06/03 PHP
键盘 keycode的值 javascript时触发事件时很有用的要素
2009/11/02 Javascript
Jquery实战_读书笔记1—选择jQuery
2010/01/22 Javascript
瀑布流布局代码一例
2014/04/11 Javascript
JS弹出对话框实现方法(三种方式)
2015/12/18 Javascript
JavaScript中通过提示框跳转页面的方法
2016/02/14 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
2016/08/15 Javascript
ionic开发中点击input时键盘自动弹出
2016/12/23 Javascript
JS中利用FileReader实现上传图片前本地预览功能
2018/03/02 Javascript
Iview Table组件中各种组件扩展的使用
2018/10/20 Javascript
JavaScript ES6箭头函数使用指南
2018/12/30 Javascript
解决layui的form里的元素进行动态生成,验证失效的问题
2019/09/14 Javascript
[40:55]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#4Newbee VS Fnatic
2016/03/03 DOTA
[00:58]PWL开团时刻DAY5——十人开雾0换5
2020/11/04 DOTA
利用python实现xml与数据库读取转换的方法
2017/06/17 Python
Python对字符串实现去重操作的方法示例
2017/08/11 Python
Python中装饰器高级用法详解
2017/12/25 Python
TensorFlow实现随机训练和批量训练的方法
2018/04/28 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
利用matplotlib为图片上添加触发事件进行交互
2020/04/23 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
Python 绘制可视化折线图
2020/07/22 Python
Python把图片转化为pdf代码实例
2020/07/28 Python
Python连接mysql方法及常用参数
2020/09/01 Python
萨克斯第五大道精品百货店: Saks Fifth Avenue
2017/04/28 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
营销总监岗位职责范本
2014/02/26 职场文书
八一建军节感言
2014/02/28 职场文书
学生会主席竞聘书
2014/03/31 职场文书
小学关爱留守儿童活动方案
2014/08/25 职场文书
2014学生会工作总结报告
2014/12/02 职场文书
2019年最新版见习人员管理制度!
2019/07/08 职场文书
javascript的setTimeout()使用方法总结
2021/11/20 Javascript