小程序下拉刷新上拉加载加搜索功能

最新推荐文章于 2024-07-26 22:26:44 发布

在路上`

最新推荐文章于 2024-07-26 22:26:44 发布

阅读量292

点赞数

分类专栏：微信

本文链接：https://blog.csdn.net/qq_39490750/article/details/108258349

版权

微信专栏收录该内容

13 篇文章 1 订阅

订阅专栏

上拉加载

小程序有内置函数可以实现上拉加载

data:{
 hasMoreData: true,
    page: 1,
    size: 10
},
  /**
   * 点击搜索 
   */
  getRecordSearch: function () {

    this.setData({
      ['form.startDate']: this.data.startTime,
      ['form.endDate']: this.data.endTime,
    })

    this.data.page = 1
    this.setData({
      getData: [],
      hasMoreData: true
    })

    this.getData('加载中')

  },
getData: function (message) {
    wx.showNavigationBarLoading()              //在当前页面显示导航条加载动画
    wx.showLoading({                        //显示 loading 提示框
      title: message,
    })
    let communityId = wx.getStorageSync('project').id
    wx.request({
      url: app.baseData.URL + '/patrol/appInterface/myPatrolTask?communityId=' + communityId + '&curPage=' + this.data.page + '&pageSize=' + this.data.size + '&status=' + this.data.status + '&Access-Token=' + wx.getStorageSync("token"),
      method: "post",
      complete() {
        wx.hideLoading();
        wx.hideNavigationBarLoading()
      },
      success: res => {
        if (res.data.error.err_code == 0 && res.data.list && res.data.list.length > 0) {


          let sendList = res.data.list, before = this.data.sendList;
          this.setData({
            sendList: [].concat(before, sendList)
          })
          if (sendList.length < this.data.size) {
            this.setData({
              hasMoreData: false
            })
          }
          console.log(this.data.hasMoreData)

        } else {
          wx.showToast({
            title: "暂无数据",
            icon: "none"
          })
        }

      },
      fail: err => {
        wx.showToast({
          title: '网络错误，请稍后重试',
          icon: "none"
        })
      }
    })
  },
 /**
 * 页面相关事件处理函数--监听用户下拉动作
 */
  onPullDownRefresh: function () {
    console.log(33333)
    this.data.page = 1
    this.getData('正在刷新数据')
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    console.log(444)
    console.log(this.data.hasMoreData)
    if (this.data.hasMoreData) {
      this.data.page++;
      this.getData('加载更多数据')
    } else {
      wx.showToast({
        title: '没有更多数据',
      })
    }
  },