开胜科技-网站建设专家

售前咨询:点击这里给我发消息 点击这里给我发消息 

技术支持:点击这里给我发消息 点击这里给我发消息 

售后服务:点击这里给我发消息 点击这里给我发消息 

电话:0531-89004900

手机:18660105139

E-mail:service@openwin.cn

网络推广

apicloud中调用其他模块准确控制模块位置的方法

发布时间:2016-08-08 09:32:24      浏览次数:0

apicloud一种非常好的webapp解决方案,它能够非常好的解决我们在制作app过程中的成本,我们只需要按照他特定的语法结构进行和h5类似的代码编写即可完成一款优秀的app,这样能够极大程度的缩减我们的技术开发成本!类似的平台很多,像phoneGap,WeX5等各有优缺点……

笔者在开发图表类模块时遇到了一些问题,特此总结分享给大家。

在各种官方第三方模块中,通常是使用rect参数来控制模块的具体相应位置,所以会影响模块的位置不能够与整个页面协调起来,比如占位(不会在网页中占位)

笔者告诉你一个比较好的解决方法来解决模块不能放在指定的DOM内。

  1. 在整个页面的指定位置(想要放到的位置)放一个div容器,建立宽度和高度,固定位置
  2. rect模块的位置及尺寸与刚刚建立的div进行配置匹配


1
2
3
4
5
6
7
8
9
10
//id为carts的div容器,获取这个divoffset信息
var chartDivPos = $api.offset($api.byId('charts'));
 
//此处省略了调用模块的代码,直接写了固定位置
rect: {
    x : 10,
    y : chartDivPos.t+10,
    w : chartDivPos.w-20,
    h : chartDivPos.h-10,
},

以上由济南网站建设为您分享……


开胜科技微信(openwin-cn)