Apicloud学习第四天
2021-06-10 05:05
标签：条件 hang ttext gif result tor ext panel 对话 apicloud存储机制，添加和获取存储的数据 监听事件，name为监听的事件名称 doT模板(js下载) 模板使用方法 图片缓存机制 页面刷新功能实现 结束刷新 加载弹出对话框 结束加载 将json文件转为字符串 将字符串转换为json文件 设置属性 参数设置 Apicloud学习第四天 标签：条件 hang ttext gif result tor ext panel 对话 原文地址：https://www.cnblogs.com/xiaojianwei/p/10622452.html $api.setStorage(‘currentCity‘, cityList[i_]);
$api.getStorage(‘currentCity‘);
api.addEventListener({
name: ‘cityChange‘
}, function(ret, err){
if( ret ){
// alert( JSON.stringify( ret ) );
var city=$api.byId(‘city‘);
city.innerHTML=ret.value.currentCity.name;
openFrames();
}else{
alert( JSON.stringify( err ) );
}
});
{{~it:value:index}} …… {{~}} //里面的为模板内容
{{=value.thumbnail.url}} //在模板中动态添加数据
{{?0==value.showType}}……{{??}}……{{?}}//判断写法
{{=value.originPrice}}元
{{=value.originPrice}}元
function fnUpdateWareList(data_,loadMore_){//使用js模板
var list=$api.byId(‘list‘);
var tempFn=doT.template($api.byId(‘template‘).innerHTML);
var resultText=tempFn(data_);
if(loadMore_){
$api.append(list, resultText);
}else{
$api.html(list, resultText);
}
api.parseTapmode();//优化点击事件，主要是因为通过js加载进去的tepmode没有起到作用，所以要使用此方法进行优化
if(loadMore_){
if(data_.length
api.imageCache({//图片缓存
url: dataUrl
}, function(ret, err){
if( ret ){
// alert( JSON.stringify( ret ) );
ele_.src=ret.url;
$api.attr(ele_, ‘data-url‘,"");
}else{
alert( JSON.stringify( err ) );
}
});
api.setRefreshHeaderInfo({//刷新
visible: true,
loadingImg: ‘widget://image/refresh.png‘,
bgColor: ‘#ccc‘,
textColor: ‘#fff‘,
textDown: ‘下拉刷新...‘,
textUp: ‘松开刷新...‘,
showTime: true
}, function(ret, err){
fnGetWare();
});
api.refreshHeaderLoadDone();//结束刷新
api.showProgress({//加载弹出框
style: ‘default‘,
animationType: ‘fade‘,
title: ‘努力加载中...‘,
text: ‘先喝杯茶...‘,
modal: false
});
api.hideProgress();//结束加载
$api.jsonToStr(params);
$api.strToJson(params);
$api.attr(ele_, ‘data-url‘，‘value‘);
var params={
fields:{},
where: { //设置条件
supportAreaId: currentCity.id,
wareTypeId:wareTypeList[api.pageParam.wareTypeIndex].id
},
skip:skip,//设置起步数
limit:LIMIT//设置步数
}