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 相关文章推荐
一个关于jqGrid使用的小例子(行按钮)
Nov 04 Javascript
Javascript 普通函数和构造函数的区别
Nov 05 Javascript
Vue.js学习示例分享
Feb 05 Javascript
详解Angular 4.x NgTemplateOutlet
May 24 Javascript
js微信分享实现代码
Oct 11 Javascript
jquery tmpl模板(实例讲解)
Sep 02 jQuery
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
Nov 27 Javascript
Vue 过滤器filters及基本用法
Dec 26 Javascript
jQuery UI实现动画效果代码分享
Aug 19 jQuery
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
vue2 拖动排序 vuedraggable组件的实现
Aug 08 Javascript
js实现右键弹出自定义菜单
Sep 08 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打造的tab选项卡效果代码(不用js)
2010/12/29 PHP
PHP 5.3 下载时 VC9、VC6、Thread Safe、Non Thread Safe的区别分析
2011/03/28 PHP
PHP实现数组的笛卡尔积运算示例
2017/12/15 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
JavaScript修改css样式style
2008/04/15 Javascript
jquery通过select列表选择框对表格数据进行过滤示例
2014/05/07 Javascript
浅谈Javascript中深复制
2014/12/01 Javascript
jquery实现全选、反选、获得所有选中的checkbox
2020/09/13 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
2016/11/07 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
JS开发中基本数据类型具体有哪几种
2017/10/19 Javascript
jquery-file-upload 文件上传带进度条效果
2017/11/21 jQuery
代码详解JS操作剪贴板
2018/02/11 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
elementui实现预览图片组件二次封装
2020/12/29 Javascript
[07:37]DOTA2-DPC中国联赛2月2日Recap集锦
2021/03/11 DOTA
在Python中操作时间之mktime()方法的使用教程
2015/05/22 Python
jupyter安装小结
2016/03/13 Python
Python基于Pymssql模块实现连接SQL Server数据库的方法详解
2017/07/20 Python
Python button选取本地图片并显示的实例
2019/06/13 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
python验证码图片处理(二值化)
2019/11/01 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
BudgetAir印度:预订航班、酒店和汽车租赁
2019/07/07 全球购物
Java方面的关于数组和继承的笔面试题
2015/09/18 面试题
广州盈通面试题
2015/12/05 面试题
员工入职担保书范文
2014/04/01 职场文书
公证书格式
2015/01/23 职场文书
护士长2015年终工作总结
2015/04/24 职场文书
MySQL中varchar和char类型的区别
2021/11/17 MySQL
讲解Python实例练习逆序输出字符串
2022/05/06 Python
Promise静态四兄弟实现示例详解
2022/07/07 Javascript