이 기사의 내용은 WeChat 애플릿의 목록 풀업 로딩 구현 코드에 관한 것입니다. 이는 특정 참고 가치가 있으므로 도움이 될 수 있습니다.
특정 페이지에는 100행 등 여러 개의 목록이 있습니다. 이때 페이징 기능을 구현해야 합니다. 일반적으로 휴대폰의 페이징은 아래로 슬라이드할 때 위로 당겨집니다.
스크롤 뷰를 사용하여 구현된 바인딩scrolltolower 메서드: 아래쪽/오른쪽으로 스크롤할 때 트리거됩니다. 트리거되면 새 데이터를 얻기 위한 요청이 전송됩니다. 제가 작성했을 때 데이터를 매우 빨리 얻었습니다. 하하하, showLoading 팝업 창이 회전하여 사용자에게 알리기를 원했기 때문입니다. 풀업에 대해. 추가되지 않은 상태에서 showLoading이 깜박이기 때문에 경험이 좋지 않다고 느꼈습니다.
마지막으로 스크롤 뷰가 수직 스크롤을 사용하는 경우
<scroll-view wx:if="{{isShowList}}" class='scrollHeight' scroll-y="true" bindscrolltolower="getMore" lower-threshold='3'> </scroll-view>
여기 논리 코드 조각이 있습니다
//上拉加载分页 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 = '一次性'; } else if (res.data.data[i].sign_type == 1) { res.data.data[i].sign_type = '计时付'; } else if (res.data.data[i].sign_type == 3) { res.data.data[i].sign_type = '计时付'; } else if (res.data.data[i].sign_type == 4) { res.data.data[i].sign_type = '一次性'; } else if (res.data.data[i].sign_type = 5) { res.data.data[i].sign_type = '一次性' } //数字变中文 if (res.data.data[i].learn_stage == 1) { res.data.data[i].learn_stage = '一'; } else if (res.data.data[i].learn_stage == 2) { res.data.data[i].learn_stage = '二'; } else if (res.data.data[i].learn_stage == 3) { res.data.data[i].learn_stage = '三' } } if (studentLength ==10) { for (var j = 0; j < studentLength;j++){ student.push(res.data.data[j]); } that.setData({ student: student, load: '上拉加载更多..', curPage: pageindex }) } else if (studentLength<10){ for (var j = 0; j < studentLength; j++) { student.push(res.data.data[j]); } that.setData({ student: student, load: '已经没有更多了..', curPage: pageindex }) } } else { that.setData({ load: '已经没有更多了' }) } } }) wx.hideLoading(); },500) },
위 내용은 WeChat 애플릿에서 목록 풀업 로딩 구현 방법(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

드림위버 CS6
시각적 웹 개발 도구

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

WebStorm Mac 버전
유용한 JavaScript 개발 도구
