窗口模块
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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.}
例如: