Apicloud中在frame中加载数据未完成时显示加载进度条

想在frame中，数据未加载完成时显示加载的进度条，做法如下：

在index.html的 api.openFrameGroup（）方法中：

api.openFrameGroup({
name : 'group',
scrollEnabled : false,
//数据加载未完成时，加载动画
preload : 0,
rect : {
x : 0,
y : $api.dom('header').offsetHeight,
w : api.winWidth,
h : $api.dom('#main').offsetHeight
},
index : 0,
frames : frames
}, function(ret, err) {
});
}

写入红色标注的那句代码，并且在frame中写入红色字体标注的代码，就可以了

apiready = function() {

api.showProgress({
});

}

解释一下这两句代码：

在官方文档中的openFrameGroup方法中有此属性专门解决此问题

preload：

类型：数字
默认值：1
描述：（可选项）预加载的 frame 个数，默认加载当前页后面一个

showProgress 就是显示进度条

Apicloud中在frame中加载数据未完成时显示加载进度条相关推荐

Android动画之仿美团加载数据等待时，小人奔跑进度动画对话框（附顺丰快递员奔跑效果）...
Android动画之仿美团加载数据等待时,小人奔跑进度动画对话框(附顺丰快递员奔跑效果) 首句依然是那句老话,你懂得! finddreams :(http://blog.csdn.net/finddr ...
Android进阶UI之加载数据等待时，小人奔跑进度动画对话框
##1 概述 Android中,常见的动画模式有两种:一种是帧动画(Frame Animation),一种是补间动画(Tween Animation).帧动画是提供了一种逐帧播放图片的动画方式,播放事 ...
php frameset不显示,如何解决php加载frameset页面时显示空白问题
如何解决php加载frameset页面时显示空白问题发布时间:2020-06-09 11:46:54 来源:亿速云阅读:113 作者:Leah 如何解决php加载frameset页面时显示空白问题 ...
PC端网易云音乐播放云盘音乐时显示加载失败，自动调转下一首的解决方法
PC端网易云音乐播放云盘音乐时显示加载失败,自动调转下一首解决方法注意: 一定要看看是不是和你的情况一样,不一样不要用这种方法!!! 具体情况: 我们经常会下载歌曲存到电脑文件夹里,然后通过网易云音 ...
SQLServer中进行sql除法运算结果为小数时显示0的解决方案
SQLServer中进行sql除法运算结果为小数时显示0的解决方案参考文章: (1)SQLServer中进行sql除法运算结果为小数时显示0的解决方案 (2)https://www.cnblogs. ...
android xml 加载错误提示,加载uixml文件失败打开wps时显示“加载XML文件失败１
打开wps时显示"加载XML文件失败." 打开wps时显示"加载XML文件失败1 关闭所有打开的Word文档: 开始 → 运行 → 粘贴上面复制的命令 → 确定. 在打开 ...
右键计算机管理显示目录名称无效,win10系统打开数据库的数据表时显示“目录名称无效”的恢复方案...
有关win10系统打开数据库的数据表时显示"目录名称无效"的操作方法想必大家有所耳闻.但是能够对win10系统打开数据库的数据表时显示"目录名称无效"进行实际操 ...
h5中performance.timing轻松获取网页各个数据如dom加载时间渲染时长加载完触发时间...
在控制台中输入window.performance.timing(html5的属性); 各字段的含义: · navigationStart:当前浏览器窗口的前一个网页关闭,发生unload事件时的Un ...
微信小程序在使用wx.request时显示加载中
我们可以用wx.showLoading(OBJECT),当请求服务器的地方多了,怎么才能不每次都要去调用函数,我们只要对wx.request加工下就可以了,在utils下新建js文件network.j ...

Apicloud中在frame中加载数据未完成时显示加载进度条

Apicloud中在frame中加载数据未完成时显示加载进度条相关推荐

最新文章

热门文章