Implementierungsmethode zum Laden von Listen-Pullups im WeChat-Applet (mit Code)

Der Inhalt dieses Artikels befasst sich mit dem Implementierungscode für das Laden von Listen im WeChat-Applet. Ich hoffe, dass er für Sie hilfreich ist.

Eine bestimmte Seite verfügt über mehrere Listen, z. B. 100 Zeilen. Zu diesem Zeitpunkt muss die Paging-Funktion auf dem Mobiltelefon nach oben gezogen werden, um sie zu aktualisieren.

Verwenden Sie scroll-view, um die bindscrolltolower-Methode zu implementieren: Trigger beim Scrollen nach unten/rechts. Beim Auslösen wird eine Anfrage gesendet, um neue Daten abzurufen. Ich habe auch einen Timer hinzugefügt, weil ich wollte, dass sich das ShowLoading-Popup-Fenster dreht, um den Benutzer darüber zu informieren über den Pull-Up. Da showLoading vorbeiging, als es nicht hinzugefügt wurde, hatte ich das Gefühl, dass die Erfahrung nicht gut war.

Wenn Scroll-View schließlich vertikales Scrollen verwendet, müssen Sie eine feste Höhe (Höhe: 93 %) zuweisen und dann die Höhe (Höhe: 100 %) festlegen die Seite, andernfalls bindscrolltolower Kann nicht ausgelöst werden

<scroll-view wx:if="{{isShowList}}" class=&#39;scrollHeight&#39; scroll-y="true" bindscrolltolower="getMore" lower-threshold=&#39;3&#39;>
</scroll-view>

Komme mit einem Stück logischen Code

  //上拉加载分页
  getMore(e){
    var that = this;
    var user = wx.getStorageSync('bizUser');
    wx.showLoading({
      title: '正在加载中',
    });
    setTimeout(function(){
      var pageindex = that.data.curPage;
      var student = that.data.student;
      if (pageindex>=1){
        ++pageindex;
      }
      wx.request({
        url: app.url + '',
        data: {
          schoolId: user.schoolId,
          pageSize: 10,
          curPage:pageindex
        },
        method: 'GET',
        success:function(res){
          if (res.data.data) {
            var studentLength = (res.data.data instanceof Array) ? res.data.data.length : 0;
            for (var i = 0; i < studentLength; i++) {
              //判断计时付或一次性
              if (res.data.data[i].sign_type == 2) {
                res.data.data[i].sign_type = &#39;一次性&#39;;
              } else if (res.data.data[i].sign_type == 1) {
                res.data.data[i].sign_type = &#39;计时付&#39;;
              } else if (res.data.data[i].sign_type == 3) {
                res.data.data[i].sign_type = &#39;计时付&#39;;
              } else if (res.data.data[i].sign_type == 4) {
                res.data.data[i].sign_type = &#39;一次性&#39;;
              } else if (res.data.data[i].sign_type = 5) {
                res.data.data[i].sign_type = &#39;一次性&#39;
              }

              //数字变中文
              if (res.data.data[i].learn_stage == 1) {
                res.data.data[i].learn_stage = &#39;一&#39;;
              } else if (res.data.data[i].learn_stage == 2) {
                res.data.data[i].learn_stage = &#39;二&#39;;
              } else if (res.data.data[i].learn_stage == 3) {
                res.data.data[i].learn_stage = &#39;三&#39;
              }
            }

            if (studentLength ==10) {
              for (var j = 0; j < studentLength;j++){
                student.push(res.data.data[j]);
              }
              that.setData({
                student: student,
                load: &#39;上拉加载更多..&#39;,
                curPage: pageindex
              })


            } else if (studentLength<10){
              for (var j = 0; j < studentLength; j++) {
                student.push(res.data.data[j]);
              }
              that.setData({
                student: student,
                load: &#39;已经没有更多了..&#39;,
                curPage: pageindex
              })
            }
          } else {
            that.setData({
              load: &#39;已经没有更多了&#39;
            })
          }
        }
      })

      wx.hideLoading();

    },500)

  },

Das obige ist der detaillierte Inhalt vonImplementierungsmethode zum Laden von Listen-Pullups im WeChat-Applet (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!