scroll-view 滚动到底部加载数据,事件onScrollToLower
axml:
<scroll-view scroll-y="true" style="height:100%;width:100%;" bindscroll="scroll" onScrollToLower="addmore" scroll-top="{{scrollTop}}">
</scroll-view>
js:
data:{
detailelist:[],
pageSize:6,//每页多少条
page:1,//第几页
pageNum:1,
}
addmore() {
console.log("page--"+this.data.page);
if(this.data.pageNum==this.data.pageSize){
dd.httpRequest({
url: reservationURL,
method: 'POST',
data: {
userId: this.data.userId,
pagenum: this.data.page+1,//第几页
pagesize: this.data.pageSize,//每页多少条
},
dataType: 'json',
success: (res) => {
console.log('success-add-', res)
let adddetailelist=[]
adddetailelist=this.data.detailelist.concat(res.data);
console.log(res.data.length);
if(res.data.length==this.data.pageSize){
this.setData({
page:this.data.page+1,
})
}else{
this.setData({
pageNum:res.data.length,
})
}
this.setData({
detailelist: adddetailelist,
})
},
fail: (res) => {
console.log("httpRequestFail---", res)
dd.alert({ content: "未找到用户信息" });
},
complete: (res) => {
dd.hideLoading();
}
});
}
},