精华内容
下载资源
问答
  • 上拉加载更多

    2017-08-04 15:09:59
    上拉加载更多
  • 微信小程序下拉刷新/上拉加载更多

    万次阅读 多人点赞 2017-12-19 09:37:50
    } }) }, 上拉加载更多: /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { var that = this; // 显示加载图标 wx.showLoading({ title: '玩命加载中', }) // 页数+1 page = page + 1; wx.request...

    查看文档,在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉到达最底部,

    在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效;

    看一下json文件

     

    "enablePullDownRefresh": true,


    注意这里的true是布尔型而不是字符;

     

    有同学说设置完之后可以下拉,但是看不到图标;

    在app.json中这样设置;

    这样下拉之后就可以看到了;

    每个页面生成的时候已经默认为我们设置了前面提到的onPullDownRefresh函数和onReachBottom函数

    直接上代码:

    page为全局变量,用在在后面的加载请求,这里要和编写数据接口的同事讨论好请求;

     

     // 下拉刷新
      onPullDownRefresh: function () {
        // 显示顶部刷新图标
        wx.showNavigationBarLoading();
        var that = this;
        wx.request({
          url: 'https://xxx/?page=0',
          method: "GET",
          header: {
            'content-type': 'application/text'
          },
          success: function (res) {
            that.setData({
              moment: res.data.data
            });
            console.log(that.data.moment);
            // 隐藏导航栏加载框
            wx.hideNavigationBarLoading();
            // 停止下拉动作
            wx.stopPullDownRefresh();
          }
        })
      },

     

    上拉加载更多:

     

     

    /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
        var that = this;
        // 显示加载图标
        wx.showLoading({
          title: '玩命加载中',
        })
        // 页数+1
        page = page + 1;
        wx.request({
          url: 'https://xxx/?page=' + page,
          method: "GET",
          // 请求头部
          header: {
            'content-type': 'application/text'
          },
          success: function (res) {
            // 回调函数
            var moment_list = that.data.moment;
            const oldData = that.data.moment;
            that.setData({
               moment:oldData.concat(res.data.data)
            })
            // 隐藏加载框
            wx.hideLoading();
          }
        })
    
      },

    完成。

    推荐一下自己的小程序 有兴趣可以交流

     



     

     

    展开全文
  • 下拉刷新,上拉加载更多,可支持自动加载更多和点击加载更多以及单独支持下拉刷新和上拉加载更多 使用方法 mDropDownListView = (DropDownListView) findViewById(R.id.dropDownListView1); //设置自动加载更多 ...
  • android下拉刷新上拉加载更多android下拉刷新上拉加载更多android下拉刷新上拉加载更多android下拉刷新上拉加载更多
  • 上拉加载更多下拉刷新效果
  • 仿淘宝上拉加载更多

    热门讨论 2015-06-04 10:13:47
    仿淘宝上拉加载更多,仿淘宝上拉加载更多,仿淘宝上拉加载更多
  • 源码AnimRefreshRecyclerViewDemo,下拉刷新和上拉加载更多的RecyclerView,具有下拉和刷新动画。 效果: 嗯...看起来有点卡,截图软件的问题: 使用说明: 上图中演示了三种不同的布局和下拉效果,三种布局和三种...
  • Android上拉加载更多

    千次下载 热门讨论 2013-09-02 19:05:26
    Android中实现上拉加载更多的一个小Demo
  • jquery 上拉加载更多

    2017-02-10 10:11:48
    jquery 上拉加载更多 当页面距离底部小于100像素时自动加载
  • 上拉加载更多Demo

    2015-08-14 17:51:49
    上拉加载更多Demo,ListView优化,上拉查看更多
  • RecyclerView 上拉加载更多demo
  • xlistview上拉加载更多

    2015-02-15 10:44:20
    xlistview上拉加载更多
  • 上拉加载更多Dome

    2014-10-14 14:37:19
    上拉加载更多Dome
  • 在项目中使用列表的下拉刷新和上拉加载更多是很常见的功能。下文给大家带来了Android Recyclerview上拉加载更多功能,需要的朋友参考下吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,211
精华内容 1,684
关键字:

上拉加载更多