文章摘要: 一、实现下拉刷新: 默认样式 》代码清晰简洁明了,符合 ECMA262 规范的 callback ,最少只需 5 行代码: apiready=function(){api.setRefreshHeaderInfo(function(ret,err){//refresheventcallbacktoDoRequest();});}//doajaxfunctiontoDoRequest(){//GET、
时间:2016-04-03 16:28来源:未知 作者:admin 点击: 次
文章TAG:
默认样式》代码清晰简洁明了,符合ECMA262规范的callback,最少只需5行代码:
apiready = function(){ api.setRefreshHeaderInfo(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){ api.refreshHeaderLoadDone(); //复位下拉刷新 //do your business }); }
自定义样式》参数灵活可自由定义,非必选,实现自定义下拉刷新头的信息:
apiready = function(){ var param = {}; param.loadingImgae = 'widget://image/refresh.png'; //定义刷新小箭头的图片 param.bgColor = '#ccc'; //定义下拉刷新区域的背景 param.textColor = '#fff'; //定义下拉刷新提示文字的颜色 param.textDown = '下拉试试...'; //定义下拉刷新文字 param.textUp = '松开试试...'; //定义松开刷新文字 param.showTime = true; //定义是否显示最后一次刷新时间 api.setRefreshHeaderInfo(param, function(ret, err){ toDoRequest(); }); } function toDoRequest(){ api.ajax({ url:'http://xxx.xxx.xxx' }, function(ret, err){ api.refreshHeaderLoadDone(); //复位下拉刷新 //do your business }); }
通过监听页面滚动到底部事件来实现:
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 }); }
从接口规范上看,APICloud开放的端API简洁明了,效率高,规范、语义明确。极大提高了开发人员的工作效率,以及代码的可读性、维护性、扩展性
|