下拉加載 刷新 模板

//index.js
//獲取應用實例
const app = getApp()

Page({
  data: {
    pageNumber: 1,
    limit: 5,
    pages: 1,
 
    list:[],
  },

  onLoad() {
    var that = this;
    that.setData({
      pageNumber: 1,
      limit: 5,
      list: []
    });
    var pageNumber = that.data.pageNumber;
    var limit = that.data.limit;
    that.getMessageInform(1);
   },
  onShow() {

  },
  //重置
  reset() {

  },


  getMessageInform: function (pageNumber) {
    var that = this;
    //顯示加載動畫
    if (pageNumber == 1) {
      that.setData({
        list: []
      });
    }
    var data = {};
    data.pageNumber = pageNumber;
    data.limit = that.data.limit;
    wx.showLoading({
      title: '加載中',
    })
    app.my_request("/messageInfo/getMessageInform.html", data, function (res) {
      var status = res.data.status;
      if (status === "success") {

        let list =res.data.list

        let pageNumber = res.data.pageNumber
        let pages = res.data.pages
  
        if (pageNumber == 1) {//查詢第一頁的不進行數據累加
          that.setData({
            list: list,
            pageNumber: pageNumber,
            pages: pages,

          });
        } else {
          var list = that.data.list.concat(list);
          that.setData({
            list: list,
            pageNumber: pageNumber,
            pages: pages,
    
          });
        }
      }
    }, function (e) {
      console.log(e);
    }, function () {
      wx.hideLoading();
      wx.stopPullDownRefresh();
    })
  },

  // 上拉加載
  onReachBottom: function () {
    var that = this;
    var pageNumber = that.data.pageNumber;
    var pageNumber2 = pageNumber + 1;
    var pages = that.data.pages;
    if (pageNumber2 <= pages) {
      that.getMessageInform(pageNumber2);
    }
  },

  //下拉刷新
  onPullDownRefresh: function () {
    var that = this;
 
    that.getMessageInform(1);
    wx.stopPullDownRefresh();
  },



  //詳情頁
  adviceMessageDetail(e) {
    var id = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: '/pages/my/messageInformDetail/messageInformDetail?id=' + id,

    })
  },


})

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章