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 相关文章推荐
Javascript 判断 object 的特定类转载
Feb 01 Javascript
符合W3C网页标准的iframe标签的使用方法
Jul 19 Javascript
JavaScript学习笔记(十)
Jan 17 Javascript
js DataSet数据源处理代码
Mar 29 Javascript
Javascript模块化编程(一)模块的写法最佳实践
Jan 17 Javascript
JavaScript中的字符串操作详解
Nov 12 Javascript
JavaScript函数节流概念与用法实例详解
Jun 20 Javascript
Java与JavaScript中判断两字符串是否相等的区别
Mar 13 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
Apr 13 Javascript
微信小程序仿知乎实现评论留言功能
Nov 28 Javascript
在Vuex中Mutations修改状态操作
Jul 24 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 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的大小写敏感问题整理
2011/12/29 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
基础的prototype.js常用函数及其用法
2007/03/10 Javascript
JavaScript全局函数使用简单说明
2011/03/11 Javascript
Nodejs实现的一个简单udp广播服务器、客户端
2014/09/25 NodeJs
JavaScript保留关键字汇总
2015/12/01 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
2016/04/11 Javascript
总结Node.js中的一些错误类型
2016/08/15 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
2018/12/05 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
javascript实现遮罩层动态效果实例
2019/05/14 Javascript
微信小程序 如何保持登录状态
2019/08/16 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
Vue父子组件传值的一些坑
2020/09/16 Javascript
Python基本数据类型详细介绍
2014/03/11 Python
python用pickle模块实现“增删改查”的简易功能
2017/06/07 Python
浅谈python函数之作用域(python3.5)
2017/10/27 Python
关于python中plt.hist参数的使用详解
2019/11/28 Python
Python3.7基于hashlib和Crypto实现加签验签功能(实例代码)
2019/12/04 Python
python应用Axes3D绘图(批量梯度下降算法)
2020/03/25 Python
如何在django中运行scrapy框架
2020/04/22 Python
美国女性奢华品牌精品店:INTERMIX
2017/10/12 全球购物
全球最大最受欢迎的旅游社区:Tripadvisor
2017/11/03 全球购物
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
普通PHP程序员笔试题
2016/01/01 面试题
Windows和Linux动态库应用异同
2016/04/17 面试题
体育教育个人自荐信范文
2013/12/01 职场文书
六一儿童节活动策划方案
2014/01/27 职场文书
出租房屋协议书
2014/09/14 职场文书
2014年外贸业务员工作总结
2014/12/11 职场文书
作息时间调整通知
2015/04/22 职场文书
雨雪天气温馨提示
2015/07/15 职场文书
高中信息技术教学反思
2016/02/16 职场文书
感谢信的技巧及范例
2019/05/15 职场文书
vmware虚拟机打不开vmx文件怎么办 ?vmware虚拟机vmx文件打开方法
2022/04/08 数码科技