APICloud(七):清除缓存、退出系统、返回到上一级、下拉刷新页面、返回到顶部

1、清除缓存

/**
 *该方法用来清除最近一周的缓存 
 *  **/
function clearCache(){
	api.actionSheet({
		title:"系统会永久删除此应用的所有数据,包括下载的文件、拍照临时文件、网页缓存文件等.清除时可能需要消耗一定时间。请耐心等候。",
		cancelTitle:"取消",
		destructiveTitle:"确定"    			
    },function(ret,err){
    	if(ret.buttonIndex==1){//确定按钮
    		//进度条提示
    		api.showProgress({
    			animationType:"fade",//进度提示框动画类型
    			title: '努力清除中...',
			    modal: true
            });
            //开始清除
            api.clearCache({
    			timeThreshold:7//清除多少天前的缓存
            },function(ret,err){
            	api.hideProgress();//进度条隐藏	            	
            	api.toast({
			        msg: '清除完成'
			    });
            });                    
    	}
    });    		
}
在清除缓存之前,可以先通过手机设置看看这个APP占用了多少存储空间,再使用手机自带的清除缓存的方法清除一下,看看最后清除了多少缓存。 然后再使用APICloud自带的clearCache()方法清除一下,看看两者的结果是不是一样的。 以此来测试,该方法是否真的清除了缓存。 2、退出系统
//该方法用来退出系统
function quitTheSystem(){
	api.closeWidget({
	    id: api.appId
    });
}
这个ID也就是config.xml中widget根节点的ID,也是这个手机APP的ID。 3、返回上一级
/**
 *该方法用来返回页面
 *  **/
function comeBack(){
	api.historyBack({
    },function(ret,err){
    	if (!ret.status) {
        	api.closeWin();
    	}
    });
}
4、下拉刷新页面
apiready=function(){
	refreshList();
}

//该方法用来下拉刷新
function refreshList(){
	api.setRefreshHeaderInfo({
		visible:true,//是否可见,若设置为false,下拉区域不能隐藏且刷新界面为黑色,什么内容也看不到。
		bgColor: '#ccc',//背景色
		textColor: '#fff',//文本颜色
		textDown: '下拉刷新...',//下拉文字描述,默认值:下拉可以刷新
		textUp: '松开刷新...',//松开时文字描述,默认值:松开可以刷新
		textLoading:'加载中..',//加载状态文字描述
		//textTime:'',,//更新时间文字描述,默认格式为:最后更新+日期时间
		showTime:true//是否需显示更新时间
	},function(ret,err){
	  	//alert("下拉刷新成功");
		api.refreshHeaderLoadDone();//恢复默认状态
	
		//重新加载当前页面
	    window.location.reload();
	});
}
5、返回到顶部: 先在页面添加一个浮动在右下角的div,div中放一张图片(像火箭的图片之类的),再给图片添加事件,点击时自动到顶部。 按道理,应该添加对滚动条的监听,若页面上有滚动条了那么需要显示“返回顶部”图标,否则不显示或隐藏图标。我这里写的比较简单,一直显示着。具体代码如下: div:<div class="return_top" onclick="returnToTop();"><img src="images/return_top3.png"></div>

猜你喜欢

转载自1017401036.iteye.com/blog/2370715
今日推荐