• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序上拉触底&下拉加载

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
data: {
    pageNo: 1,//当前页
    pageSize: 10,//每页条数
    count:'',//总条数
    orderList: [],
},
onLoad: function () {
    var that = this;
    var data = `${that.data.type}/${that.data.pageSize}/${that.data.pageNo}`;
    that.getOrderList(data);
},
//订单列表
getOrderList(data) {
    var that = this;
    var orderList = that.data.orderList;
    wx.showLoading({
      title: '加载中',
    })
    wx.request({
      url: `${host.orderList}/${data}`,
      header: {
        "content-type": "application/json",
      },
      success: function (res) {
        console.log(res);
        if (res.data.code == 0) {
          if (res.data.data.list && res.data.data.count > orderList.length) {
            var arr = res.data.data.list;
            arr.forEach(item => {
              orderList.push(item);
            })
            that.setData({
              orderList: orderList,
              count: res.data.data.count,
            })
          }
        }
        else {
          wx.showToast({
            icon: 'none',
            title: res.data.msg,
          })
        }
      },
      complete: function () {
        setTimeout(() => {
          wx.hideLoading();
          wx.stopPullDownRefresh();
        }, 500)
      }
    })
},
/**
  * 页面相关事件处理函数--监听用户下拉动作
*/
  onPullDownRefresh: function () {
    var that = this;
    var data = `${that.data.type}/${that.data.pageSize}/${that.data.pageNo}`;
    that.getOrderList(data);
},
/**
   * 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
    var that = this;
    var pageNo =  that.data.pageNo;
    if (that.data.count > that.data.orderList.length){
      that.setData({
        pageNo: pageNo += 1,
        noMore: true,
      })
      var data = `${that.data.type}/${that.data.pageSize}/${pageNo}`;
      that.getOrderList(data);
    }
},

下拉触底需要在当前页面的json文件添加"enablePullDownRefresh": true或者在app.json window里面全局添加。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap