位置: 编程技术 - 正文
Bootstrap实现翻页效果(bootstrap页面代码)
编辑：rootadmin推荐整理分享Bootstrap实现翻页效果(bootstrap页面代码)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:bootstrap页面,bootstrap做出好看的页面,bootstrap页面,bootstrap 跳转指定页码,bootstrap 单页应用,bootstrap 跳转指定页码,bootstrap tab页,bootstrap 翻页,内容如对您有帮助，希望把文章链接给更多的朋友！
Bootstrap之翻页。
优点：
支持局部刷新；只要是列表，都可以加载该组件；支持动态数据绑定；当然还有绝对的简单实用。
效果图
最后一页时：
最开始一页时：
实现
①、翻页组件的布局
pageNum：第几页 rel：要刷新哪一个div的id urlParas：其他参数②、调用翻页组件
currentPage：页数 totalPage：总页数 rel：局部刷新div的id urlParas：其他参数，暂无③、翻页事件
页面加载完成后，获取翻页的a标签，为其加载翻页功能。 设置pageNum，这个肯定必须传递 获取局部刷新div，这个地方以后有待改善，通过id获取好像不太好。 传递额外参数urlParas 最后阻止a标签既有事件。 这串代码也很好懂，获取ajax请求的url 获取ajax请求的参数data 至于ajaxUrl方法，请参照我的再谈ajax局部刷新，我觉得这样局部刷新还是很实用的。到这，前台的内容都OK了，接下来需要什么呢？自然是jfinal端的数据获取。
④、分页数据获取
jfinal自然已经提供了很好的翻页功能paginate方法。 就只需要把对应的数据返回就可以了。下一篇：jfinal与bootstrap的登出实战详解(bootstrap和jsp)