弹出窗口

Module: Web
Parent Module: Beyondbit.Web

Methods

cancel

cancel
(
  • [data]
)
Window chainable

关闭窗口,并触发onCancel,onClose("cancel")事件

Parameters:

nametypeflagdescription
[data] Object optional

返回的数据

Returns:

[Window]

返回Window对象本身,链式调用

Example:

var dialog = Beyondbit.Web.WindowManager.create({
    id:"dialog",
    url:"http://www.baidu.com"
});

dialog.cancel(
    {
      name:"luolong",
      value:"value1"
});

close

close
(
  • resultCode
  • [data]
)
Window chainable

关闭窗口,并触发onClose事件

Parameters:

nametypeflagdescription
resultCode String

关闭结果码

[data] Object optional

返回的数据

Returns:

[Window]

返回Window对象本身,链式调用

Example:

var dialog = Beyondbit.Web.WindowManager.create({
    id:"dialog",
    url:"http://www.baidu.com"
});

dialog.close(
    "close"
    ,{
      name:"luolong",
      value:"value1"
});

destory

destory ()

销毁当前窗口

hide

hide () Window chainable

关闭窗口,不触发事件

Returns:

[Window]

返回Window对象本身,链式调用

Example:

var dialog = Beyondbit.Web.WindowManager.create({
    id:"dialog",
    url:"http://www.baidu.com"
});

dialog.hide();

message

message
(
  • options
)
Window chainable

显示提示信息

Parameters:

nametypeflagdescription
options Json

显示的参数

nametypeflagdescription
title String

显示消息的标题

content String

显示消息的内容

[hide] Boolean optional

是否隐藏消息 默认false

Returns:

[Window]

返回Window对象本身,链式调用

Example:

var dialog = Beyondbit.Web.WindowManager.create({
  id:"dialog",
  width:600,
  height:400
}).show();

// 显示信息
dialog.message({
    title:"提示信息",
    content:"提示信息内容"
});

//隐藏信息
dialog.message({
     hide:true
});

ok

ok
(
  • [data]
)
Window chainable

关闭窗口,并触发onOk,onClose("ok")事件

Parameters:

nametypeflagdescription
[data] Object optional

返回的数据

Returns:

[Window]

返回Window对象本身,链式调用

Example:

var dialog = Beyondbit.Web.WindowManager.create({
    id:"dialog",
    url:"http://www.baidu.com"
});

dialog.ok(
    {
      name:"luolong",
      value:"value1"
});

packet

packet
(
  • [packetCode]
)

获取packet

Parameters:

nametypeflagdescription
[packetCode] String optional

packet的表示. 只有 "head"可选;

resetContent

resetContent ()

重置内容

resetPackets

resetPackets ()

重置packets

setOptions

setOptions
(
  • options
)
Window chainable

更改窗口的属性选项

Parameters:

nametypeflagdescription
options Json

请参考Window的属性

Returns:

[Window]

返回Window对象本身,链式调用

Example:

var dialog = Beyondbit.Web.WindowManager.create({
    id:"dialog",
    url:"http://www.baidu.com"
});
dialog.setOptions({
   url:"http://www.beyondbit.com"
});

show

show ()

显示弹出窗口

Example:

var dialog = Beyondbit.Web.WindowManager.create({
   id:"dialog",
   content:"内容"
});
dialog.show();

Properties

buttons

Array

按钮集合

Example:

Beyondbit.Web.WindowManager.create({
    id:"dialog",
    button:[{
       text: "保存",
       icon: "save",
       events:{
         click:function(){
            alert("保存了");
         }
       }
    }]
})

content

JQuery

窗口显示的内容,此属性和url属性只能有一个起作用,当url为null时,此属性才有作用;

支持异步协议:[ajax:]/demo/details.html 则将/demo/details.html用Ajax方式加载到window 的内容div中

Example:

// 显示文本
Beyondbit.Web.WindowManager.create({
     id:"dialog",
     content:"<div>显示的内容</div>"
})

<html>
     <div id="box">
         标题:<input type="text" />
     </div>
</html>

<script>
    Beyondbit.Web.WindowManager.create({
        id:"dialogMulpex",
        content:$("#box").detach()
    });

    // Beyondbit.Web.WindowManager.create({
    //    id:"dialogMulpex",
    //    content: [ajax:]/demo/details.html
    // });
</script>

draggable

Boolean

是否可拖动,【注意:设置为ture后,需要配合jQuery UI 实现】

Default:

true

height

Number

窗口的高度,单位px,如果高度大小超过当前浏览器可视窗口,则显示浏览器可视窗口大小

Default:

100

id

String

弹出窗口的标识,唯一,如果标识不唯一,则返回之前已经创建过的Window对象

loading

String

加载页面时,loading的效果. 可选的值有三种:none[无效果]、away[一直]、normal[只显示一次]

Default:

"none"

shadow

Boolean

是否需要阴影遮挡层

Default:

false

title

String

显示的标题

url

String

显示的Url

Example:

Beyondbit.Web.WindowManager.create({
     id:"dialogUrl",
     url:"http://www.beyondbit.com"
})

width

Number

窗口的宽度,单位px,如果宽度大小超过当前浏览器可视窗口,则显示浏览器可视窗口大小

Default:

400

Events

closeAnimation

关闭动画

Parameters:

nametypeflagdescription
[element] JQuery optional

窗口的根Html jQuery对象

[position] Json optional

jQuery对象的物理空间位置及大小

[complete] Function optional

动画完事件

onCancel

窗口调用cancel([data])方法后,返回resultCode==cancel时触发的事件

Parameters:

nametypeflagdescription
[data] Object optional

调用window.close时传递的数据

onClose

窗口调用close([data])方法后触发的事件

Parameters:

nametypeflagdescription
resultCode String

调用时返回的状态码,调用ok方法,返回"ok",调用cancel返回"cancel",其它自定义

[data] Object optional

调用window.close时传递的数据

onOk

窗口调用ok([data])方法后,返回resultCode==OK时触发的事件

Parameters:

nametypeflagdescription
[data] Object optional

调用window.ok时传递的数据

onShow

窗口调用show方法后,触发的事件

Parameters:

nametypeflagdescription
[windowRootNode] JQuery optional

window根元素jQuery对象

onSuccess

ajax成功事件

showAnimation

显示动画

Parameters:

nametypeflagdescription
[element] JQuery optional

窗口的根Html jQuery对象

[position] Json optional

jQuery对象的物理空间位置及大小

[complete] Function optional

动画完事件

Top