Heim  >  Artikel  >  WeChat-Applet  >  Beispiel für ein Miniprogramm: Implementierungscode für das Laden von Paging-Daten im Miniprogramm

Beispiel für ein Miniprogramm: Implementierungscode für das Laden von Paging-Daten im Miniprogramm

不言
不言Original
2018-08-21 17:23:255035Durchsuche

Der Inhalt dieses Artikels befasst sich mit Beispielen für Miniprogramme: Der Implementierungscode für das Laden von Daten für Miniprogramme hat einen gewissen Referenzwert. Ich hoffe, dass er für Sie hilfreich ist.

// pages/billlist/index.js
const app = getApp();
Page({  
/*页面的初始数据*/
  data: {
      page: 1,    
      loading: false,    
      loadtxt: '正在加载...',    
      list: []
  },  
  /*生命周期函数--监听页面加载*/
  onLoad: function (options) {    
  this.setData({      
  option: options
    })    
    this.getlist();
  },  
  getlist: function () {
    app.fetch.newData.result({ API_URL: app.globalData.api + 'getGoldFlowList.do?ipage=' + this.data.page + '&ipagesize=15'}).then(({ data }) => {      
    if (data.object && data.object.list && data.object.list.length) {        
    let list = data.object.list;        
    for (let i = 0; i < list.length; i++) {
          list[i].c_create_datetime = app.util.formatDate(new Date(list[i].c_create_datetime));
        }        
        this.setData({
          list: this.data.list.concat(list)
        })        
        if (this.data.page == data.iTotalPage) {          
        this.setData({
            loading: true,
            loadtxt: &#39;无更多内容&#39;
          })
        } else {          
        this.setData({
            loading: false,
            loadtxt: &#39;正在加载...&#39;
          })
        }
      } else if (this.data.list.length) {        
      this.setData({
          loading: true,
          loadtxt: &#39;无更多内容&#39;
        })
      } else {        
      this.setData({
          loading: true,
          loadtxt: &#39;暂无数据&#39;
        })
      }
    }).catch(e => {      
    this.setData({
        loading: false,
        loadtxt: &#39;数据加载异常&#39;
      })
    })
  },
  /*页面上拉触底事件的处理函数*/  
  onReachBottom: function () {    
  if (!this.data.loading) {      
  this.setData({
        loading: true,
        page: this.data.page + 1
      })
      this.getlist()
    }
  }
})

Verwandte Empfehlungen:

Miniprogramm-Beispiel: Implementierungscode für Miniprogramm-Kundendienst zum Senden von Bildinformationen

Autorisiertes Fotoalbum in Miniprogrammlösung (mit Code)

Das obige ist der detaillierte Inhalt vonBeispiel für ein Miniprogramm: Implementierungscode für das Laden von Paging-Daten im Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn