JS组件Bootstrap Table使用实例分享
学习使用bootstrap表格是对客户端进行分页的时候,在朋友的帮助下,找到了文档http://bootstrap-table.wenzhixin.net.cn/examples/
找到了传到后台的每页条数Limit,和记录开始数Offset。
开始封装,分享一下我的代码,从bootstraptable获取页码和页数,并交给后台处理。
$('#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 publicStringurl_ad1(HttpServletRequestrequest,BootPagepage) throwsServletException,IOException,RuntimeException{ @SuppressWarnings("unchecked") //List<Feedback>list=feedBackDao.find("fromFeedback"); BootPagepager=feedBackDao.getByPage("fromFeedback",page,null); System.out.println((JSONArray.fromObject(pager)).getString(0).toString()); return(JSONArray.fromObject(pager)).getString(0).toString(); //不写.getString(0)就多一个中括号,返回的就是数组,写了就是返回第一个对象。 } publicBootPagegetByPage(Stringhql,BootPagepager,Map<String,Object>condition){ if(pager==null){ thrownewIllegalArgumentException("分页不能为空!"); } Queryq=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)); returnpager; } protectedLongcountAll(Stringhql,Map<String,Object>condition){ if(hql==null){ return0l; } StringtmpHql=hql.toLowerCase(); Stringregex=hql.substring(0,tmpHql.indexOf("from")); hql=hql.replaceFirst(regex,"selectcount(*)"); Queryq=sessionFactory.getCurrentSession().createQuery(hql); if(condition!=null){ q.setProperties(condition); } return(Long)q.uniqueResult(); } publicfinalclassBootPage<T>{ protectedLongtotal; protectedList<T>rows; protectedintlimit=0; protectedintoffset=0; protectedStringorder="asc";
如果大家还想深入学习,可以点击这里进行学习,再为大家附3个精彩的专题:
Bootstrap学习教程
Bootstrap实战教程
Bootstrap插件使用教程
以上就是为大家分享的BootstrapTable使用方法,希望对大家熟练掌握BootstrapTable使用方法有所帮助。