使用APICloud编写优雅的HTML5代码《一》一、实现下拉刷新:
默认样式》代码清晰简洁明了,符合ECMA262规范的callback,最少只需5行代码:
apiready = function(){
api.setRefreshHeaderInfo(function(ret, err){
//refresh event callback
toDoRequest();
});
}
//do ajax
function toDoRequest(){
api.ajax({}, function(ret, err){// GET、POST、PUT、DELETE、…
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({}, function(ret, err){
api.refreshHeaderLoadDone(); //复位下拉刷新
//do your business
});
}