美文网首页程序员
MUI重置上拉加载完美解决方案

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

作者: 全村的希望iOS | 来源:发表于2018-01-13 10:33 被阅读0次

简述: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);

相关文章

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

    简述:mui混合开发遇到这样的问题解决好就,一个列表进行分页加载数据下拉刷新请求前10条数据,上拉加载如果大于10...

  • VUE/MUI 项目小记

    render虚拟DOM构造函数 MUI上拉加载 render函数

  • mui上拉加载

    引入mui.min.js和mui.min.css 例子 如果有问题欢迎留言点赞~~~~

  • MUI实现上拉刷新

    MUI-最接近原生APP体验的高性能前端框架 1.mui的上拉加载和下拉刷新类似,都属于pullRefresh插件...

  • MUi下拉刷新和上拉加载click事件失效问题

    今天应用MUi的上拉加载更多方法后,发现给li元素注册点击click事件没有反应。 最后折腾半个小时发现一个方法,...

  • mui混合开发(四)

    简述:mui预加载完美解决混合应用弱网白屏问题,给用户更好的体验,一旦使用了预加载创建子页面传递参数就会失效,解决...

  • MUI 预加载页面

    MUI 预加载页面的几种方式:一、预加载页面mui.preload必须放在plusReady事件中 二、可通过mu...

  • H5:实现下拉刷新,上拉加载效果

    因为公司项目的需求,在H5界面上也要实现与原生系统相似的"下拉刷新,上拉加载"的效果。在网上发现mui的组件库已经...

  • 官方上拉加载Paging 配合SwipeRefreshLayou

    下拉刷新Android原生的解决方案是SwipeRefreshLayout,简单好用。那么上拉加载有没有官方控件呢...

  • iOS通用分页request

    在项目中,分页加载是家常便饭。下拉,page重置,上拉,page+1,虽说也挺简单的,但是到处都需要处理page的...

网友评论

    本文标题:MUI重置上拉加载完美解决方案

    本文链接:https://www.haomeiwen.com/subject/mdfcoxtx.html