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代码
返回: 无