微信小程序开发:列表页加载下一页及下拉刷新实现方法

2018-11-2808:47:39APP与小程序开发Comments2,838 views字数 1207阅读模式

 微信小程序开发中列表页加载下一页以及下拉刷新 实现方法,微信列表页常用功能有下拉刷新,上划加载更多,怎么实现呢?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

直接上代码吧:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

列表页js文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

global.p = 1文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

var url = getApp().globalData.API_URL +'/api/index.php?m=jk&c=newslist';文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

var GetList = function (that) {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

//console.log(global.p)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

that.setData({文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

hidden: false,文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

});文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

wx.request({文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

url: url,文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

data: {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

pageSize: 10,文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

pageNo: global.p文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

},文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

success: function (res) {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

function toDate(number) {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

var n = number * 1000;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

var date = new Date(n);文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

var Y = date.getFullYear() + '/';文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '/';文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

return (Y + M + D)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

var l = that.data.list文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

for (var i = 0; i < res.data.length; i++) {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

res.data[i].pubdate = toDate(res.data[i].pubdate),文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

l.push(res.data[i])文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

//console.log(l)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

that.setData({文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

list  : l文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

});文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

global.p++;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

//console.log(global.p)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

wx.stopPullDownRefresh();文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

that.setData({文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

hidden: true文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

});文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

});文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

Page({文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

data: {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

list: [],文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

},文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

onLoad: function (options) {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

// 页面初始化 options为页面跳转所带来的参数文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

var that = this文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

GetList(that)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

wx.request({文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

url: getApp().globalData.API_URL +'/api/index.php?m=jk&c=nlmlist',文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

success:function(res){文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

that.setData({文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

nlmlist:res.data文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

})文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

})文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

},文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

onPullDownRefresh: function () {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

//下拉文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

console.log("下拉");文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

global.p = 1;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

this.setData({文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

list: [],文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

});文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

var that = this文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

GetList(that)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

},文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

onReachBottom: function () {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

//上拉文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

console.log("上拉")文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

var that = this文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

GetList(that)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

})文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8076.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/xcx/8076.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定