百度智能小程序点击加载更多改上滑加载更多列表
- 共 3,334 次检阅

点击按钮加载更多是是通过点击按钮传递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);
    },

 

分享到:

这篇文章还没有评论

发表评论