apcloud混合式开发app学习笔记

 

修改图标
新建项目
检出到本地
--------------------------
1.api.ajax
var loginName = $api.val($api.byId('uname'));
var passWord = $api.val($api.byId('psd'));
api.ajax({
url : 'http://10.13.0.67:8080/kangde-webapi/login.html',
method : 'post',
data : {
values : {
userName : userName,
passWord : passWord
}
}
}, function(ret, err) {
if (ret) {
if (ret.status == 'true') {
alert(ret.userName);
} else {
alert(ret.msg);
}
} else {
api.alert({
msg : JSON.stringify(err)
});
}
});

api.ajax

 

 

2.页面框架

新建页面框架

 

3.openFrame

打开新Frame
api.openFrame

 

4.openFrameGroup

打开新FrameGroup
api.openFrameGroup

 

5.openWin

打开新Window
api.openWin

 

6.初始化调用函数apiready 

初始化调用函数
apiready =function(){ ... }

 

 

7.下拉刷新

下拉刷新

 

api.setRefreshHeaderInfo

 

 

8.pageParam传递参数

传递参数
pageParam:{'name':aa1}

api.openWin({
name: 'a1',
url: 'a1.html',
pageParam:{'name':aa1}
});

 

9.接收参数

接收参数

 

var name=api.pageParam.name;  

 

10.前端框架开发$api

$api

var aa2=$api.html($api.byId('aa2'));

11.Window和frame传值(execScript)

frame:
var jsfun = 'funcGoto('+startName+');';
api.execScript({
//name: 'index',
script: jsfun
});
Window:
function funcGoto(startName){
    //alert('funcGoto'+startName);
     $api.html($api.byId('start'),startName);
}

12.api和$api在什么地方用

以api.xxx开头的放在apiready 中
在看到界面之后再触发的也可以写外面,只要等apiready 执行完之后.

以$api.xxx开头的可以随意用

 

13.localStorage数据存取

设置localStorage数据
$api.setStorage('name','Tom');
获取localStorage数据
$api.getStorage('name'); // => "Tom"

 14. fixStatusBar避免header与状态栏重叠

 fixStatusBar
 描述：适配iOS7+、Android4.4+系统状态栏，为传入的DOM元素增加适当的上内边距，避免header与状态栏重叠
 $api.fixStatusBar( $api.dom('header') );

 

 
 15.setStatusBarStyle设置状态栏背景颜色

setStatusBarStyle

 

设置状态栏样式为白色（适用于深色背景）或黑色（适用于浅色背景），以及设置状态栏背景颜色
        api.setStatusBarStyle({
            style: 'dark',
            color: '#d9ead3'
        }); 

 

--------------------------
版本更新
云修复
推送
统计

---------------------
作者：烟雨青山
来源：CSDN
原文：https://blog.csdn.net/qq1036053871/article/details/53308265
版权声明：本文为博主原创文章，转载请附上博文链接！

标签：name,apcloud,app,混合式,ret,api,var,byId,状态栏
来源： https://www.cnblogs.com/yaya666/p/10923969.html