您的位置:首页 > 数据库 > Mongodb

开始一个Koa+mongodb项目(七)db.find 和jqPaginator实现翻页

2020-07-12 16:49 369 查看

2020. 04.11

  • 数据结合 jqPaginator 实现分页
  • 参数
  • 数据库表查询

    分页查询的 sql 语句
    db.表名.find().skip((page-1)*pageSize).limit(pageSize)

    方法封装

    1. find 方法
      db.collection(collectionName).find(json1,{fields:attr}).skip(slipNum).limit(pageSize);
    2. 封装 count 方法
      .
      var result= db.collection(collectionName).count(json); result.then(function(data){ resolve(data); } )

    数据结合 jqPaginator 实现分页

    参考自:官方文档http://jqpaginator.keenwon.com/

    使用说明

    例子
    用法很简单,首先引入jQuery和jqPaginator,之后就可以初始化分页了

    $('#id').jqPaginator({
    totalPages: 100,
    visiblePages: 10,
    currentPage: 1,
    onPageChange: function (num, type) {
    $('#text').html('当前第' + num + '页');
    }
    });

    上例就是第一Demo,Bootstrap风格的分页。具体参数稍后介绍,这里要了解的是,如果使用的不是id,而是class,就会初始化该class的所有元素,实现上面“两个分页联动”的效果。

    参数

    扩展方法

    jqPaginator提供了两个扩展方法,方便初始化后对组件进行操作。

    $(’#id’).jqPaginator(‘option’, options)
    初始化后,动态修改配置

    $(’#id’).jqPaginator(‘option’, {
    currentPage: 1
    });

    $(’#id’).jqPaginator(‘destroy’)
    销毁jqPaginator

    $(’#id’).jqPaginator(‘destroy’);

    内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
    标签: 
    相关文章推荐