小程序
小游戏
企业微信
微信支付
扫描小程序码分享
同一个页面需要有多个列表,每个列表都需要下拉分页,不能用选项卡处理,哪个列表在前面下拉时先展示数据,数据都加载完了,再加载下一个列表的分页数据,依此类推直到最后一个列表数据加载结束...,求大神们有谁做过这样的功能,给菜鸟分享下吧
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我们是这么处理的
counter: 1, //上拉无限加载
concats: false, //上拉无限加载
定这样两个变量,一个是页数,一个是锁
onReachBottom: function () {
this.setData({
counter: ++this.data.counter,
concats: true,
})
this.getData(); //请求数据方法
},
在请求数据的接口加个参数 &p= this.data.counter,后端通过这个标识来返回每一页数据,我们接到以后,在请求数据的方法里这样处理一下
list就是翻页的那个数组
if (this.data.concats) {
list: this.data.list.concat(res.data.list)
} else {
list: res.data.list
}
但这样可能会有数据重复问题,还要做一下排重
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
= =为什么你们都叫下拉分页。。。 难道不是上拉加载,下拉刷新么
增加一个当前页的标识,下拉时根据标识,请求对应列表的分页数据。
这个方法好像可以,但是要需要代码控制,比如第一个列表加载完成了再把标识改成第二个列表的标识,其它的列表不请求数据,就是有点繁琐...
scroll-view也许可以帮你
除了scroll-view和selectquery是不是没有别的好办法了
看了上面一个回答我不知道我有没有理解错了意思.....
我以为是需要页面上分成了多个区域多个列表....不同的区域内均可以分页...那就多个scroll-view就好了...
如果只是一个区域,只是数据列表不同...那就简单的分页然后搞个标识,判断标识开始拿另一个数据了
@卢霄霄 @拾忆 @左尘 @管凯旋 这是我同事,帮忙看下这个问题有什么好的方法没?
加载数据遇到问题了?哪个地方遇到问题了啊
就是除了scroll-view有没有更好的办法
页面有个onReachBottomDistance也可以做下拉分页的吧如果你是纠结容器问题的话
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我们是这么处理的
counter: 1, //上拉无限加载
concats: false, //上拉无限加载
定这样两个变量,一个是页数,一个是锁
onReachBottom: function () {
this.setData({
counter: ++this.data.counter,
concats: true,
})
this.getData(); //请求数据方法
},
在请求数据的接口加个参数 &p= this.data.counter,后端通过这个标识来返回每一页数据,我们接到以后,在请求数据的方法里这样处理一下
list就是翻页的那个数组
if (this.data.concats) {
this.setData({
list: this.data.list.concat(res.data.list)
})
} else {
this.setData({
list: res.data.list
})
}
但这样可能会有数据重复问题,还要做一下排重
= =为什么你们都叫下拉分页。。。 难道不是上拉加载,下拉刷新么
增加一个当前页的标识,下拉时根据标识,请求对应列表的分页数据。
这个方法好像可以,但是要需要代码控制,比如第一个列表加载完成了再把标识改成第二个列表的标识,其它的列表不请求数据,就是有点繁琐...
scroll-view也许可以帮你
除了scroll-view和selectquery是不是没有别的好办法了
看了上面一个回答我不知道我有没有理解错了意思.....
我以为是需要页面上分成了多个区域多个列表....不同的区域内均可以分页...那就多个scroll-view就好了...
如果只是一个区域,只是数据列表不同...那就简单的分页然后搞个标识,判断标识开始拿另一个数据了
@卢霄霄 @拾忆 @左尘 @管凯旋 这是我同事,帮忙看下这个问题有什么好的方法没?
加载数据遇到问题了?哪个地方遇到问题了啊
就是除了scroll-view有没有更好的办法
页面有个onReachBottomDistance也可以做下拉分页的吧如果你是纠结容器问题的话