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 就是显示进度条


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值