窗口模块

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

浮动窗口模块 Frame

封装相关浮动窗口的基础操作

appcan.frame.open(id,url,left,top,name,index,change,extraInfo)

打开一个浮动窗口,如果不存在则会先创建然后再打开,如果存在则直接打开,如会在页面中查找id的元素,把id元素的宽高指定为浮动窗口的宽高,把id元素的font-size设置为id元素的font-size

id:要打开浮动窗口的名称

url:浮动窗口要加载的页面的地址,如果url是一个数组则打开多页面浮动窗口

left:浮动窗口距离左边的距离

top:浮动窗口距离上边的距离

name:强制改变打开窗口的名称

index:设置选中的多页面窗口的默认索引

change:如果多页面浮动窗口改变时会触发该回调

extraInfo:扩展参数,json格式如下:{"extraInfo":{"opaque":"true","bgColor":"#011","delayTime":"250"}}

参数还可以以对象的形式传参:

{

id:'',

url:'',

left:'',

top:'',

name:'',

index:'',

change:''

}

例如:

//弹出一个简单的demo浮动窗口,并打开

appcan.frame.open({

id:'content',

url:'',

top:100,

left:100

});

//打开多页面浮动窗口

var top = $('#header').offset().height;

appcan.frame.open({

id : "content",

url : [{

"inPageName" : "LV0",

"inUrl" : "lv_thinline_content.html",

}, {

"inPageName" : "LV1",

"inUrl" : "lv_thinline_angle_content.html",

}, {

"inPageName" : "LV2",

"inUrl" : "lv_thinline_sub_angle_content.html", }],

top : top,

left : 0,

index : appcan.locStorage.getVal("lv_index"),

change : function(err, res) {

}

});

//另外一种使用方式

var frame = appcan.require('frame');

frame.open({

id:'content',

url:'',

top:100,

left:100

});

//打开多页面浮动窗口

frame.open({

id:'content',

url:['',''],

top:100,

left:100

});

appcan.frame.close(name)

关闭指定的浮动窗口

name:浮动窗口的名字

参数还可以以对象的形式传参:

1.{

:''

3.}

例如:

1.//关闭demo浮动窗口

2.appcan.frame.close('demo');

3.//另外一种使用方式

4.var frame = appcan.require('frame');

5.frame.close('demo');

appcan.frame.resize(id,left,top,name)

设置指定的浮动窗口恢复到指定窗口的大小,并设置浮动窗口的位置

id:指定的元素,根据该元素设置浮动窗口的大小

left:浮动窗口距离做边界的距离

top:浮动窗口距离上边界的距离

name:要设置的浮动窗口的名称,_**如果id没有传值的话使用这个值

参数还可以以对象的形式传参:

1.{

2.id:'',

3.left:'',

4.top:'',

:''

6.}

例如:

1.//重置demo窗口,位置

2.appcan.frame.resize({

3.id:'container',

4.left:100,

5.top:100

6.});

7.//另外一种使用方式

8.var frame = appcan.require('frame');

9.frame.resize({

10.id:'container',

11.left:100,

12.top:100

13.});

appcan.frame.resizePopoverByEle(id,left,top,name) 设置指定的浮动窗口恢复到指定窗口的大小,并设置浮动窗口的位置

id:指定的元素,根据该元素设置浮动窗口的大小

left:浮动窗口距离做边界的距离

top:浮动窗口距离上边界的距离

name:要设置的浮动窗口的名称,如果id没有传值的话使用这个值

参数还可以以对象的形式传参:

1.{

2.id:'',

3.left:'',

4.top:'',

:''

6.}

例如:

相关文档
最新文档