微信小程序 下拉刷新
<scroll-view class='scroll-view-container' scroll-y="true" bindscrolltolower='scrollToLower' bindscrolltoupper='scrollToUpper' lower-threshold='30' upper-threshold='0'> <view class="box" wx:for="{{list.data}}" wx:key="id"> 省略掉这一部分代码,自己添加渲染 </view> <view class='data-loading' hidden='{{hidden}}'> 数据加载中... </view> </scroll-view>
js
` onLoad: function (options) {
this.loadData(true)
}
scrollToUpper: function(e) {
wx.showToast({
title: '触顶了...',
})
},
scrollToLower: function(e) {
console.info('scrollToLower', e);
var hidden = this.data.hidden,
loadingData = this.data.loadingData,that = this;
if (hidden) {
this.setData({
hidden: false
});
console.info(this.data.hidden);
}
if (loadingData) {
return;
}
this.setData({
loadingData: true
});
// 加载数据,模拟耗时操作
wx.showLoading({
title: '数据加载中...',
});
setTimeout(function() {
that.loadData(true, () => {
console.log(true)
that.setData({
hidden: true,
loadingData: false
});
wx.hideLoading();
});
console.info('上拉数据加载完成.');
}, 2000);
},
loadData: function(tail, callback) {
var that = this;
wx.request({
url: '自己定义。。。。。。',
method: 'GET',
header: {
'content-type': 'application/x-www-form-urlencoded' // 默认值
},
success(res) {
that.setData({
list: res.data
})
// }
if (callback) {
callback();
}
}
})
}`
最新文章
- C#运用ThoughtWorks生成二维码
- TodoMVC中的Backbone+MarionetteJS+RequireJS例子源码分析之二 数据处理
- MySql启动,提示:Plugin &#39;FEDERATED&#39; is disabled....Cannot allocate memory for the buffer pool
- Windows 8使用这半年(企业版)
- [转] Java内部类详解
- vim的保存误认为utf8问题
- Qt移植 Window --Linux
- JQuery获取Checkbox组的值
- Factoextra R Package: Easy Multivariate Data Analyses and Elegant Visualization
- RPM包效验
- LVS负载均衡NAT模式实现
- mysql GROUP_CONCAT 查询某个字段(查询结果默认逗号拼接)
- read读文件
- 【深入Java虚拟机】二 类加载与双亲委派
- html5 javascript 事件练习3键盘控制练习
- 验证远程主机SSH指纹
- db2报错: [DB2/NT] SQL0952N 由于中断,处理被取消 SQLSTATE=57014
- mysql删除关联表数据
- Android MediaScannerJNI源代码具体解释
- vue项目实现按需加载的3种方式:vue异步组件技术、es提案的import()、webpack提供的require.ensure()