微信小程序分页功能(上拉触底事件)
来源:互联网 发布:网络视频广告的形成 编辑:程序博客网 时间:2024/06/16 10:19
js核心代码
Page({ data: { // 前台显示list showlist: [], // 当前页 pageNumber: 1, // 总页数 totalPage: 1, }, onLoad: function (options) { var self = this; // 请求后台 // 获取第一页的list及总页数 wx.request({ url: '', data: { }, success: function (res) { self.setData({ showlist: res.data.list, totalPage: res.data.totalPage, }) }, fail: function (res) { } }) }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { var self = this; // 当前页+1 var pageNumber = self.data.pageNumber + 1; self.setData({ pageNumber: pageNumber, }) if (pageNumber <= self.data.totalPage) { wx.showLoading({ title: '加载中', }) // 请求后台,获取下一页的数据。 wx.request({ url: '', data: { pageNumber: pageNumber, }, success: function (res) { wx.hideLoading() // 将新获取的数据 res.data.list,concat到前台显示的showlist中即可。 self.setData({ showlist: self.data.showlist.concat(res.data.list) }) }, fail: function (res) { wx.hideLoading() } }) } }})
阅读全文
0 0
- 微信小程序分页功能(上拉触底事件)
- 微信小程序 上拉,下拉事件
- Android中ListView上拉加载(分页)功能
- 微信小程序实现列表页面及上拉加载功能
- 为RecyclerView添加分页加载(上拉加载更多)功能
- Android_ListView上拉加载更多(ListView分页功能)
- RecycleView上拉加载更多、实现分批分页功能
- RecyclerView实现分批分页、上拉加载更多功能
- 上拉分页
- 上拉刷新功能
- 微信小程序(六):列表上拉加载下拉刷新
- IOS 上拉分页刷新--
- UITableView分页 上拉加载
- 上拉分页加载PullToRefreshGridView
- 上拉下拉分页加载
- 微信小程序开发之下拉刷新 上拉加载
- 微信小程序开发之下拉刷新 上拉加载
- 012 - 微信小程序开发之下拉刷新 上拉加载
- 测量菜鸡的基地总结
- python
- EventBus简单使用
- Hive将一行记录拆分成多行
- MyEclipse新建Maven webapp项目
- 微信小程序分页功能(上拉触底事件)
- 迷宫矩阵(最优路径算法)
- PHP小问题
- Java的回调函数理解
- DOM对象,控制HTML对象
- timeit 模块详解(准确测量小段代码的执行时间)
- socket编程(TCP多进程客户与服务器)
- Eclipse经常被忘记的快捷键
- 怎样拥有一副好身体