微信小程式之分頁加載

上拉加載

/** 頁面的初始資料*/
data: {
    /*分頁中顯示資料集合*/
    list: [],
    /* 目前頁 */
    pageNo: 1,
    /* 每頁顯示商品數 */
    pageSize: 10,
    /*是否最後一頁*/
    alreadyToEnd: false
  },

           

/*擷取資料方法*/
getList:function(){
	if (res.data.list.length != 0) {
	    this.setData({
	      list: this.data.list.concat(res.data.list),
	    });
	    if (res.data.hasNextPage) {
	    
	    } else {
	      this.data.alreadyToEnd = true;
	    }
	}
}

           

/**頁面上拉觸底事件的處理函數*/
  onReachBottom: function() {
    if (this.data.alreadyToEnd) {
      return;
    }
    this.data.pageNo++;
    this.getLIst();
  }
           

下拉重新整理

/**下拉不重新整理*/
onPullDownRefresh: function() {
       wx.stopPullDownRefresh();
},
 /**下拉重新整理*/
       onPullDownRefresh: function() {
       this.data.pageNo = 1;
       this.data.list = null; /*目前頁的資料清空*/
       this.getList();
 },