apicloud有自带的上啦加载下拉刷新,当让也可以用第三方或者在模块库里面找一个使用
一、下拉刷新,一下代码写在
apiready = function (){} 里面
apiready = function (){ //下拉刷新 api.setRefreshHeaderInfo({ visible: true, bgColor: 'rgba(0,0,0,0)', textColor: '#666', textDown: '下拉刷新', textUp: '释放刷新' }, function(ret, err){ toDoRequest(); }); }; // 刷新 初始化加载 function toDoRequest(){ setTimeout(function(){ api.refreshHeaderLoadDone(); //复位下拉刷新 api.toast({ msg:'已经是最新数据了', duration:'1000', localtion:'middle' }); },2000) }
二、实现加载更多:
通过监听页面滚动到底部事件来实现:
apiready = function(){ api. addEventListener({name:'scrolltobottom'}, function(ret, err){ //refresh event callback toDoRequest(); }); } //do ajax function toDoRequest(){ // GET、POST、PUT、DELETE、… api.ajax({ url:'http://xxx.xxx.xxx' }, function(ret, err){ //do your business }); }