Class: Dialog

jsmod.ui. Dialog

new Dialog(option)

Dialog模块,默认居中定位,并显示遮罩图层,不能同时打开两个弹窗,默认阻止屏幕滚动
Parameters:
Name Type Description
option object
Properties
Name Type Attributes Default Description
width string 可传入百分比、具体数值;例如:80%, 200px
height string 可传入百分比、具体数值;例如:80%, 200px
html string 构建弹窗的 html 代码,和 element 参数二选一
element string 构建弹窗的 dom 元素,和 html 参数二选一
offset Coords <optional>
定位时的偏移
opacity double <optional>
0.7 蒙层的透明度
animateCount int <optional>
133 显示,关闭动画的持续时间
isMask bool <optional>
true 是否开启蒙层
isMaskClickHide bool <optional>
true 是否点击蒙层后关闭弹窗
isAutoShow bool <optional>
false 是否初始化后自动显示
isIScroll bool <optional>
false 是否使用 iscroll
isAnimation bool <optional>
true 是否使用动画
isScaleAnimation bool <optional>
false 是否使用缩放动画
isScrollAble bool <optional>
false 是否可以滚动
isInFixed bool <optional>
true 是否内容是否在 fixed 蒙层内部,默认为 true,如果内容中有 input 元素,选择 false
maskIndex int <optional>
1000 蒙层的zindex
Source:

Methods

(static) addInstance()

将 dialog 实例加入
Source:

(static) getInstances()

获取 dialog 中所有实例
Source:

(static) listen()

开始监听 resize 进行 dialog 的重定位 调用时 removeAll 停止监听
Source:

(static) removeAll()

清除所有创建的 dialog
Source:

adjuestPosition()

调用计算 dialog 在屏幕中的合适位置
Source:

getElement() → {dom}

返回当前 dialog 的根节点
Source:
Returns:
Type
dom

hide()

调用隐藏 dialog 隐藏前会触发 beforehide 事件,隐藏完毕后会触发 hidden 事件
Source:
Fires:
  • Dialog#event:beforehide
  • Dialog#event:hidden

isShown() → {bool}

返回当前 dialog 是否显示
Source:
Returns:
Type
bool

resetDialog()

重置 dialog 的所有宽度高度的配置,只有当弹窗高度、宽度发生变化且显示时才应该调用 如果配置了 option.isIScroll = true 则会调用 resetIScrollHeight 函数
Source:

resetIScrollHeight()

只有当 option.isIScroll = true 时才需调用 重置 iscroll 的高度,当修改 header,footer 的内容时有可能会导致内容区域高度变化; 需要调用此函数重置内容区域的高度
Source:

show()

显示当前实例的 Dialog,显示前会触发 beforeshow 事件,显示完毕后会触发 shown 事件
Source:
Fires:
  • Dialog#event:beforeshow
  • Dialog#event:shown