小程序订单页面下拉刷新和上拉加载
2018-01-10 10:52
381 查看
/** * 页面的初始数据 */ data: { orderslist: [], page: 0, totalPage: 0, }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { let data={ _ajax:1 } this.getListData(data); }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { let data = { _ajax: 1, wechat_openid: wechat_openid }; this.setData({ orderslist: []//清空数据 }); this.getListData(data);//获取数据 // setTimeout(()=>{ wx.stopPullDownRefresh(); wx.hideLoading(); },2000); }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { console.log(3333333); let data = { _ajax: 1, wechat_openid: wechat_openid, page: this.data.page + 1, }; this.getListData(data); }, //获取数据方法开始 getListData(data) { console.log("data.page", data.page); console.log("data.totalPage", this.data.totalPage); if (data.page > this.data.totalPage) { wx.showToast({ title: '无新内容' }); return false; } wx.showLoading({ title: '加载中!' }); let orderslist = this.data.orderslist; for(let i= 0;i<10;i++){ let data = { "order": i + orderslist.length, "state":"未发货", "imgUrl":"http://wx1.sinaimg.cn/mw690/0071poYXly1fn6wez5vjxj303w03wdfn.jpg", "name":"辛辛熊婴儿纸尿裤试用装S码", "price":"9.90",//单价 "sum":"1", "prices":"9.90"//合计 }; orderslist.push(data); } this.setData({ orderslist: orderslist, page: this.data.page+1, totalPage:3 }) wx.hideLoading();
相关文章推荐
- 微信小程序实现页面下拉刷新和上拉加载
- 【微信小程序之列表渲染】列表下拉刷新和上拉加载的实践
- 微信小程序下拉刷新和上拉加载的实现
- 微信小程序解决下拉刷新和上拉加载时wx.request多次加载问题
- 8、微信小程序学习: 下拉刷新和上拉加载
- 小程序之下拉刷新和上拉加载
- 微信小程序下拉刷新和上拉加载
- 微信小程序下拉刷新和上拉加载
- Android程序开发之使用PullToRefresh实现下拉刷新和上拉加载
- 自定义ListView-下拉刷新和上拉加载
- TwinklingRefreshLayout 支持下拉刷新和上拉加载的 RefreshLayout,自带越界回弹效果,支持 RecyclerView,AbsListView,ScrollView等
- SwipeRefreshLayout的下拉刷新和上拉加载
- XListView实现下拉刷新和上拉加载
- 下拉刷新和上拉加载的原理
- RecyclerView下拉刷新和上拉加载更多
- Android分组列表悬停显示,分组listView悬停效果,带下拉刷新和上拉加载更多
- SwipeRefrenshLayout结合RecyclerView在线性,网格,瀑布流中的下拉刷新与上拉加载
- MUI下拉刷新和上拉加载
- 自定义控件:含下拉刷新和上拉加载 ListView 的原理
- RecyclerView 添加下拉刷新和上拉加载更多