上拉和下拉配置都在里面,都有详细注释,初始化完造诣可以上拉和下拉了,这里有两个必须的回调方法,用来处理详细业务逻辑,每个人详细需求不一样,这里就以自己的一个需求作为示例:
解释一下,我这里是重新刷新一页的数据,也可以刷新已经加载出来的数据,数据获取完成后结束刷新就行了。其余这个action返回的是子页面的全体HTML标签代码,以是就直接append到对应的ul下面就可以了,不用利用模板引擎拼接了。
加载更多业务处理方法:
如果拉完已经是末了一页,上拉就会关闭,下面的提示笔墨会变成类似'没有更多数据'这样的,利用起来还是挺大略的。
把页面放在微信浏览器的时候,测试到一个征象,从列表页面进入详情然后再返回的时候,页面会自动刷新,这个时候须要重置上拉,不然就拉不动了,当然其它情形,比如有tab切换的时候也须要重置上拉刷新:
关键代码便是有注释那一句,这里设置了一个延迟,不然刷新的时候会触发两次上拉,这可能是mui的一个bug,加上这个延迟反复测试过就没这个征象了。
上拉加载效果: