MUI重置上拉加载完美解决方案

简述:mui混合开发遇到这样的问题解决好就,一个列表进行分页加载数据下拉刷新请求前10条数据,上拉加载如果大于10条提示上拉加载更多,如果小于10条提示没有更多数据,当你上拉加载没有更多数据再次执行下拉刷新发现上拉加载不好用了,第一想到的是上拉加载没有重置。

官方给出的解决方案是这样的

查文档说用mui(‘#下拉容器id’).pullRefresh().refresh(true);是进行上拉加载重新激活)

下拉刷新数据加载完后加了(加粗的部分)

mui(‘#pullrefresh’).pullRefresh().refresh(true);

然而使用并没什么卵用,有的人说好用有的人说不好用傻傻分不清,下面我给出我的决绝方案查了很久东拼西凑也算是解决了。

官方给出两句代码

1.禁用上拉刷新

//pullup-container为在mui.init方法中配置的pullRefresh节点中的container参数;mui(‘#pullup-container’).pullRefresh().disablePullupToRefresh();

2.启用上拉刷新

//pullup-container为在mui.init方法中配置的pullRefresh节点中的container参数;mui(‘#pullup-container’).pullRefresh().enablePullupToRefresh();

3.把两句代码结合

//显示没有更多数据了

mui(“#pullrefresh”).endPullupToRefresh(true);

//定时器2s后执行

setTimeout(function() {

//禁用上拉加载

mui(‘#pullrefresh’).pullRefresh().disablePullupToRefresh();

//定时器1s后执行

setTimeout(function() {

//启用上拉加载

mui(‘#pullrefresh’).pullRefresh().enablePullupToRefresh();

}, 1000);

},2000);

简书责编内容来自:简书 (源链) | 更多关于

阅读提示:酷辣虫无法对本内容的真实性提供任何保证,请自行验证并承担相关的风险与后果!
本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 前端开发 » MUI重置上拉加载完美解决方案

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录