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带按钮的提示框可供选择示例代码
Sep 17 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
Oct 29 Javascript
在JavaScript中处理数组之reverse()方法的使用
Jun 09 Javascript
javascript实现给定半径求出圆的面积
Jun 26 Javascript
在Ubuntu系统上安装Node.JS的教程
Oct 15 Javascript
BootStrap和jQuery相结合实现可编辑表格
Apr 21 Javascript
微信小程序实现蒙版弹窗效果
Nov 01 Javascript
VeeValidate 的使用场景以及配置详解
Jan 11 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
Mar 05 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
微信小程序云开发如何实现数据库自动备份实现
Aug 16 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
Sep 21 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 保留字列表
2012/10/04 PHP
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
基于thinkPHP类的插入数据库操作功能示例
2017/01/06 PHP
详解PHP实现支付宝小程序用户授权的工具类
2018/12/25 PHP
php过滤htmlspecialchars() 函数实现把预定义的字符转换为 HTML 实体用法分析
2019/06/25 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
yepnope.js使用详解及示例分享
2014/06/23 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
vue.js之vue-cli脚手架的搭建详解
2017/05/05 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
2017/08/15 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
使用JSON格式提交数据到服务端的实例代码
2018/04/01 Javascript
React实现全局组件的Toast轻提示效果
2018/09/21 Javascript
angular4中引入echarts的方法示例
2019/01/29 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
使用异步controller与jQuery实现卷帘式分页
2019/06/18 jQuery
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
2019/11/07 Javascript
Vue实现页面添加水印功能
2019/11/09 Javascript
Vue实现base64编码图片间的切换功能
2019/12/04 Javascript
vue实现移动端项目多行文本溢出省略
2020/07/29 Javascript
用python写一个windows下的定时关机脚本(推荐)
2017/03/21 Python
Python中常见的异常总结
2018/02/20 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
python根据完整路径获得盘名/路径名/文件名/文件扩展名的方法
2020/04/22 Python
解决python中显示图片的plt.imshow plt.show()内存泄漏问题
2020/04/24 Python
python实现文法左递归的消除方法
2020/05/22 Python
python tkinter的消息框模块(messagebox,simpledialog)
2020/11/07 Python
《长江之歌》教学反思
2014/04/17 职场文书
购房个人委托书范本
2014/10/11 职场文书
个人总结与自我评价
2015/02/14 职场文书
党支部半年考察意见
2015/06/01 职场文书
实验室安全管理制度
2015/08/05 职场文书
大学组织委员竞选稿
2015/11/21 职场文书
《风娃娃》教学反思
2016/02/18 职场文书
MySQL窗口函数的具体使用
2021/11/17 MySQL