• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序上拉下拉刷新

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

小程序提供了,onPullDownRefresh和onReachBottom两个事件函数监听下拉和上拉事件函数。提示加载中,取消加载中

 

效果:

 

 

js文件

// pages/enterprise/enterprise.js
var app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    enterpriseList: [],
    pageNo: 1, //页数
    pageSize: 10, // 条数
    cityCode: null // 城市编码
  },

  //查询数据
  queryData: function() {
    var that = this;
    var pageNo = this.data.pageNo;
    var pageSize = this.data.pageSize;
    var provinceCode = "220000";
    var cityCode = wx.getStorageSync("cityCode");

    wx.showLoading({ //弹出页面加载中
      title: \'加载中...\',
    });

    wx.request({
      url: xxxxxx //上线的话必须是https,没有appId的本地请求貌似不受影响 
      method: \'POST\', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT 
      header: {
        \'Content-Type\': "application/x-www-form-urlencoded",
        \'Cookie\': \'SESSION=\' + wx.getStorageSync("sessionId")
      }, // 设置请求的 header
      data: {
        pageIndex: pageNo,
        pageSize: pageSize,
        companyDivisoinCode: provinceCode + "|" + cityCode + "|"
      },
      success: function(res) {
        app.consoleLog("请求数据成功");
        app.consoleLog(res.data)
        wx.hideLoading(); //隐藏加载中提示
        if (res.data.dataList.length > 0) {
          if (that.data.enterpriseList.isEmpty) {
            that.setData({ // 设置页面列表的内容
              enterpriseList: res.data.dataList,
            })
          } else {
            that.setData({ // 设置页面列表的内容
              enterpriseList: that.data.enterpriseList.concat(res.data.dataList),
              totalPageCnt: res.data.totalPageCnt,
            })
          }
        } else {
          wx.showToast({
            title: "没有更多数据了",
            duration: 1000,
            icon: \'none\',
            mask: true
          })
        }
      },
      fail: function() {
        wx.hideLoading(); //隐藏加载中提示
        wx.showToast({
          title: "请求失败!",
          duration: 1000,
          icon: \'none\',
          mask: true
        })
      },
      complete: function() {
        // complete 
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    this.setData({
      globalData: app.globalData
    });
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {
    this.setData({ //刷新操作初始化数据
      pageNo: 1,
      list: [],
      isEmpty: true
    })
    this.queryData(); //查询数据
  },

  /**
   * 页面   上拉触底事件的处理函数
   */
  onReachBottom: function() {
    var pageNum = this.data.pageNo;

    if (pageNum < this.data.totalPageCnt) {
      this.setData({
        pageNo: pageNum + 1 //设置下一页
      })
      this.queryData(); //查询数据
    } else {
      wx.showToast({
        title: "没有更多数据了",
        duration: 1000,
        icon: \'none\',
        mask: true
      })
    }

  },

  onShow: function(e) {

    if (!this.data.cityCode) { // 页面首次加载时cityCode=null,查询数据
      this.refreshData();
    } else if (this.data.cityCode != wx.getStorageSync("cityCode")) { // 当地区改变时加载数据,此时避免二级页返回时重新加载
      this.refreshData();
    }

  },
  // 重新加载数据
  refreshData: function (){
    this.setData({
      enterpriseList: [],
      pageNo: 1, //页数
      pageSize: 10, // 条数
      cityCode: wx.getStorageSync("cityCode"), //保存当前城市编码
    });
    this.queryData();
  }
})

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap