点击按钮加载更多是是通过点击按钮传递data-pageid的值给loadMore方法然后执行加载更多列表
<view class="loadMore" bindtap="loadMore" data-pageid='{{pageid}}'>加载更多</view>
loadMore: function (event) {
var id = event.currentTarget.dataset.pageid
this.loadData(id + 1);
},
this.loadData主要用于根据参数pageid去加载更多数据列表
loadData: function (pageid) {
var that = this
swan.request({
url: app.util.url('s=article&c=search&page=' + pageid + '&pagesize=10&api_call_function=module_search_news_list'),
method: 'GET',
dataType: 'json',
header: {
'content-type': 'application/json'
},
success: function (res) {
//console.log(res);
if (res.data.code) {
// 载入成功
var arr = that.data.news_list
var newarr = arr.concat(res.data.data);
that.setData({
news_list: newarr,
pageid: pageid
});
if (res.data.data.length < 1) {
swan.showToast({
title: '没有数据了',
icon: 'none'
});
}
}
}
});
},
修改更上滑加载更多:
百度智能小程序的onReachBottom参数,监听页面触底几执行该方法;
onReachBottom | Function | 页面的事件处理函数 -- 上拉触底事件的处理函数 |
<view type="default" size="mini" class="index-top">上滑加载更多</view> // 这里只做展示即可,无需传值
onReachBottom: function () {
// 获取初始的pageid值(无需从页面传值过来)
var id = this.data.pageid;
this.loadData(id + 1);
},
这篇文章还没有评论