1. 程式人生 > >小程式的下拉重新整理

小程式的下拉重新整理

js

//index.js
//獲取應用例項
const app = getApp()
var page = 1;
var isfinish = false;//載入完畢
function loadmore(that) {
  if (isfinish) return;
  wx.showLoading({
    title: '正在載入中',
  })
  wx.request({
    url: 'http://miaopengze.hk01.bdysite.com/program-php/server/index.php/home/index/select_index',
    data: {
      page: page,
      condition: that.data.condition
    },
    success: (res) => {
      console.log(res.data.data);
      var data = res.data.data;
      wx.hideLoading();
      if (data.length > 0) {
        var student = that.data.student;
        for (var i = 0; i < data.length; i++) {
          student.push(data[i]);
        }
        that.setData({ student: student });
        page++;
      } else {
        isfinish = true;
      }
      wx.stopPullDownRefresh();
    }
  })
}
Page({
  data: {
    student: [],
    inputShowed: false,
    inputVal: "",
    condition: ''
  },
  showInput: function () {
    this.setData({
      inputShowed: true
    });
  },
  hideInput: function () {
    this.setData({
      inputVal: "",
      inputShowed: false,
      condition: '',
      student: []
    });
    page = 1
    loadmore(this)
  },
  clearInput: function () {
    this.setData({
      inputVal: ""
    });
  },
  inputTyping: function (e) {
    this.setData({
      inputVal: e.detail.value
    });
  },
  onPullDownRefresh: function () {
    page = 1;
    isfinish = false;
    this.setData({ student: [] });
    loadmore(this);
  },
  onReachBottom: function () {
    var that = this;
    loadmore(that);
    console.log(page)
  },
  formSubmit: function (e) {
    console.log(e.detail.value.condition);
    this.setData({ condition: e.detail.value.condition });
    var that = this
    page = 1
    this.setData({ student: [] })
    loadmore(that)
  },
  onShow: function () {
    loadmore(this)
  }
})