窗口名:
【内容窗口框】
函数调用:
【命名空间】asyncbox.html(options);
参数配置:
--------------------------标识--------------------------- id [可选] (String)
└ 窗口 ID。
└ 设置后可防止重复弹出。如不设,为自动标识。获取不到时需设置指定 ID,用 asyncbox.close("窗口ID") 方法关闭。
--------------------------内容--------------------------- content (String,object)
└ 需要显示的内容。可以是字符串、标签、具有 innerHTML 属性的 dom 对象。
- title [可选] (String)
└ 窗口标题。
--------------------------尺寸--------------------------- width (Number,String)
└ 宽度。如:传入数字 400 为窗口内容区域宽度,传入带 px 后缀字符串为窗口整体宽度。
└ 默认值:'auto'。
- height (Number,String)
└ 高度。如:传入数字 300 为窗口内容区域高度,传入带 px 后缀字符串为窗口整体高度。
└ 默认值:'auto'。
--------------------------坐标--------------------------- top [可选] (Number)
└ 相对 top 坐标。
- left [可选] (Number)
└ 相对 left 坐标。
- right [可选] (Number)
└ 相对 right 坐标。
- bottom [可选] (Number)
└ 相对 bottom 坐标。
--------------------------视觉--------------------------- drag [可选] (bool)
└ 拖动窗口。
└ 默认值:true。
- fixed [可选] (bool)
└ 固定窗口。
└ 默认值:false。
- flash [依赖 reset 项] (bool)
└ 动画,受全局配置影响。
└ 默认值:false。
- reset [可选] (bool)
└ 重设位置。
└ 默认值:false。
- modal [可选] (bool)
└ 模态(遮罩层),一定程度上屏蔽用户对本窗口以外的操作。
└ 默认值:false。
--------------------------布局--------------------------- ctrlbar [可选] (options)
└ 控制栏。目前本版本只有一个右上角关闭按钮,如不需要该按钮,可以 ctrlbar : { close : false } 不显示
- buttons [可选] (options)
└ 窗口脚部按钮栏。
--------------------------事件--------------------------- callback function(action){}
└ 回调函数(仅对 AsyncBox 的按钮有效)。该事件与 onbeforeunload 事件相似,均在窗口关闭之前执行。
└ 返回 1 个参数:
└ 1、buttonResult 返回按钮的结果值。通过判断此值来确定被按下的按钮。
- onload [可选] function(){}
└ 窗口内容加载完毕后执行。
└ 无返回参数
- unload [可选] (function)
└ 窗口从文档中删除后执行。
AsyncBox
代码:
显示普通 html 内容:
asyncbox.html({ content :"接受静态的字符串和 html 标签" });
显示一个隐藏 DIV 中的内容:
asyncbox.html({ content : document.getElementById("panel") });
以上示例主要列出了比较特殊的配置,剩下的选项可以自己参考 open() 方法的参数进行尝试。