bootstrap-paginator分页插件实现分页的使用

微信公众号:51码农网专业编程问答社区www.51manong.com

1.在页面引入bootstrap-paginator.js

<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/bootstrap-paginator.js"></script>

jquery必须要1.8版本以上。

2.写上下面的代码

<div id="page" >
    <script type="text/javascript">
       var totalpages=${pageBeanSearch.totalPage };
       var searchForm=${pageBeanSearch.searchForm};
       var  currentPage =${pageBeanSearch.currentPage };
        $(function(){
            var options={
                bootstrapMajorVersion:1,    //版本
                currentPage:currentPage,    //当前页数
                numberOfPages:5,    //最多显示Page页
                totalPages:totalpages,    //所有数据可以显示的页数
                pageUrl: function(type, page, current){
                    if (page==current) {
                        return "javascript:void(0)";
                    } else {
                        return "${pageContext.request.contextPath }/navigationSearchFormServlet?currentPage="+page+"&searchForm="+searchForm
                    }
                }

            }
            $("#page").bootstrapPaginator(options);
        })
    </script>

3.附上bootstrap-paginator.jsx下载地址:https://github.com/lyonlai/bo...

原文链接:segmentfault.com

上一篇:vue 中实现markdown编辑器
下一篇:Vue 实现点击空白处隐藏某节点(三种方式:指令、普通、遮罩)

相关推荐

  • 🔥插件开发如此简单!

    本文使用的WebpackQuicklyStarter快速搭建 Webpack4 本地学习环境。 建议多阅读 Webpack 文档《Writing a Plugin》章节,学习开发简单插件。

    3 个月前
  • 页面CPU和内存占用监控可视化Chrome插件-Graph Process

    写这个插件的原因是最近要对比一下页面的 cpu 和内存占用的性能,本来是想找看看有没有什么软件能够去可视化一下当前标签页的cpu和内存占用,但是发现却找不到这种软件,mac 上有个活动监视器,但是当...

    8 个月前
  • 限制上传文件大小和格式的jQuery插件实例

    本文实例讲述了限制上传文件大小和格式的jQuery插件。分享给大家供大家参考。具体分析如下: 在客户端上传文件,通常需要限制文件的尺寸和格式,最常用的做法是使用某款插件,一些成熟的插件的确界面好...

    5 年前
  • 针对angular分页插件tm.pagination二次触发问题三种解决方案

    今天在开发个人博客的时候,需要对列表进行分页操作,因为整体使用的是AngularJs,所以分页插件也就选择了AngularJs pagination.js。可是在调试的时候发现的非常恶心的事情,在加载...

    8 个月前
  • 还在用字体图标吗,试试svg图标吧(内附vuecli-svg-sprite-loader插件)

    前言,关于字体图标 ​相信每位前端童鞋都对字体图标不陌生,毕竟网页必然少不了用大量的图标来装饰页面效果。在很早的时候,我们一般都是用img来当作图标来使用,由于大量地使用img会造成http请求过多的...

    12 天前
  • 轻量级网页遮罩层jQuery插件用法实例

    本文实例讲述了轻量级网页遮罩层jQuery插件用法。分享给大家供大家参考。具体如下: 使用jQuery的好处是很多人为它写一些组件,而在项目所需用到功能也都可以找到一些组件去完成。

    3 年前
  • 轻量的纯 JavaScript 动态提示工具插件库

    Tippy.js Tippy.js是一款轻量级的纯js tooltip工具提示插件。该tooltip插件功能强大,提供多种动画效果和主题效果,并允许用户自定义tooltip主题和使用html代码作为t...

    4 个月前
  • 贴近用户体验的Jquery日期、时间选择插件

    分享一款贴近Jquery日期、时间选择插件。这是一款双日历jQuery日期选择时间插件pickerDateRange。效果图如下: (https://img.javascriptcn.com/5...

    3 年前
  • 谷歌插件抓取一切网站内容以及拦截图片

    平时普通的爬虫:在代码里面发一个请求,然后从流中获取网页内容,解析网页内容得到相关信息。这个方式的优点是简单快捷,缺点是很容易被拦截,失败率高。另辟蹊径的方式就是使用谷歌插件获取页面所有内容,再解析,...

    1 个月前
  • 说说我是怎么把仪表盘插件JustGage引入vue项目中的

    一、前言 上周五我接到一个任务,让我把某个js插件放到vue的项目里使用,我打开这个网址(http://www.jq22.com/yanshi4507)一看,居然还要付费。

    2 年前

官方社区

扫码加入 JavaScript 社区