PopupDialogWindow遮罩窗口类

序号函数名称返回值函数说明
 1 PopupDialogWindow(...) 无 弹出遮罩窗口
 2 PopupDialogWindow.show(ID) 无 显示遮罩窗口
 3 PopupDialogWindow.hide(ID) 无 隐藏遮罩窗口
 4 PopupDialogWindow.close(ID) 无 关闭遮罩窗口
 5 PopupDialogWindow.UpdateToolBar(ID, html) 无 更新遮罩窗口的工具栏

PopupDialogWindow示例:

1、弹出遮罩窗口

函数:PopupDialogWindow(id, title, modal, closable, collapseable, width, height, content, closeAction, ToolBarButtonSettingObjectArray, TitleClassName, ContentClassName, CloseCallBack, ToolbarShowCheckAllCheckBox, ToolbarCheckBoxCSSClass, ToolbarAdditionalText, ToolBarHTML, InnerPaddingWidth)

id:窗口ID

title:标题

modal:是否模态

closable:是否显示关闭按钮

collapseable:是否显示最小化按钮

width:宽度,最大允许800

height:高度,最大允许600

content:html内容

closeAction:点击关闭的处理方式hide或destroy

ToolBarButtonSettingObjectArray:工具栏按钮数组

TitleClassName:标题栏的CSS样式

ContentClassName:内容层的CSS样式

CloseCallBack:关闭的回调

ToolbarShowCheckAllCheckBox:工具栏是否显示全选框

ToolbarCheckBoxCSSClass:工具栏全选框的CSS样式

ToolbarAdditionalText:工具栏额外的显示HTML内容

ToolBarHTML:自定义的工具栏HTML

InnerPaddingWidth:内容区域的padding空白间距

返回: 无

//无工具栏的示例
PopupDialogWindow("ViewCustomerInfoPopupWindowDIV", "微信支付", true, true, false, 800, 530, "<h3 class=\"panel-title Relative\" style=\"padding-left:20px; padding-top:0px; margin-top:0px; padding-bottom:5px;\">微信支付</h3><div id='WeXinPaymentContainerDIV' class='Padding20' style='padding-top:5px;'>" + DisplayHTML + "</div>", "destroy");

//自定义工具栏的示例
var ToolBarHTML = "<div class='Padding5'><a href=\"javascript:自动生成选择器()\" class='btn-new-green-small'>确定</a> <a href=\"javascript:PopupDialogWindow.close()\" class='btn-new-grey-small'>取消</a></div>";
PopupDialogWindow("", "为选择器命名", true, true, false, 350, 150, "主要内容", "destroy", [], "", "", function () { }, false, "", "", ToolBarHTML);

 

2、  显示遮罩窗口

函数:PopupDialogWindow.show(ID)

ID:遮罩窗口ID

返回: 无

 

3、 隐藏遮罩窗口

函数:PopupDialogWindow.hide(ID)

ID:遮罩窗口ID

返回: 无

 

4、关闭遮罩窗口

函数:PopupDialogWindow.close(ID)

ID:遮罩窗口ID

返回:无

 

5、更新遮罩窗口的工具栏

函数:PopupDialogWindow.UpdateToolBar(ID, html)

ID:遮罩窗口ID

html:HTML代码

返回: 无