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 相关文章推荐
用jQuery扩展自写的 UI导航
Jan 13 Javascript
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
Oct 15 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
Sep 01 Javascript
js通过googleAIP翻译PHP系统的语言配置的实现代码
Oct 17 Javascript
jQuery根据元素值删除数组元素的方法
Jun 24 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
Jun 22 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
Apr 05 Javascript
原生JS实现轮播图效果
Oct 12 Javascript
微信 jssdk 签名错误invalid signature的解决方法
Jan 14 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
Jun 03 Javascript
design vue 表格开启列排序的操作
Oct 28 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笔记 字符串处理
2010/10/19 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
使用php实现从身份证中提取生日
2016/05/09 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
PHP日志LOG类定义与用法示例
2018/09/06 PHP
自动检查并替换文本框内的字符
2006/06/30 Javascript
IE无法设置短域名下Cookie
2010/09/23 Javascript
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
web前端开发也需要日志
2010/12/09 Javascript
分享一个自己写的table表格排序js插件(高效简洁)
2011/10/29 Javascript
js动态创建表格,删除行列的小例子
2013/07/20 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
2013/10/29 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
AngularJS语法详解(续)
2015/01/23 Javascript
jquery制作 随机弹跳的小球特效
2015/02/01 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
2016/11/07 Javascript
Vue精简版风格指南(推荐)
2018/01/30 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
2019/04/04 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
微信小程序 bindtap 传参的实例代码
2020/02/21 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
一文秒懂nodejs中的异步编程
2021/01/28 NodeJs
python函数缺省值与引用学习笔记分享
2013/02/10 Python
Python操作MySQL数据库9个实用实例
2015/12/11 Python
使用50行Python代码从零开始实现一个AI平衡小游戏
2018/11/21 Python
Django Session和Cookie分别实现记住用户登录状态操作
2020/07/02 Python
介绍一下Java中标识符的命名规则
2014/02/03 面试题
环境科学专业个人求职信
2013/09/26 职场文书
个人简历中自我评价
2014/02/11 职场文书
培训督导岗位职责
2015/04/10 职场文书
撤诉书怎么写
2015/05/19 职场文书
红色故事汇观后感
2015/06/18 职场文书
Apache Linkis 中间件架构及快速安装步骤
2022/03/16 Servers
golang为什么要统一错误处理
2022/04/03 Golang