弹出提示

简介

1.弹出提示框目前只提供问询类提示、带一个输入框的提示和自定义内容区的提示框。
2.提示框采用模态浮动DIV模拟弹出窗体效果。
3.提示框支持显示详细信息。
4.提示框支持拖动功能,支持提示框宽度、高度设置,不支持resize功能。
5.提供按钮自定义机制。
6.提供提示内容区自定义机制。
7.暂不提供其他类型提示框。


使用方法

2.1方法&事件使用EAS7.5+
//调用方法
waf.msgBox.showInfo("操作成功!");
waf.msgBox.showWarning("操作带警告!");
waf.msgBox.showError("操作出错!");
waf.msgBox.showConfirm({
    title:"信息提示",
    summaryMsg:"您确认要执行此操作吗?",
    detailMsg:"详细信息:<br>只要参数中不设置detailMsg,详细按钮会自动消失。",
    buttonType:"yes-no",
    buttonCallBack:[function(){},function(){}]
});
waf.msgBox.showPrompt({
    title:"信息提示",
    summaryMsg:"请输入:",
    detailMsg:"详细信息:<br>只要参数中不设置detailMsg,详细按钮会自动消失。",
    buttonCallBack:[function(){},function(){}]
});

属性说明

title String 缺省值: 信息提示 EAS7.5+

弹出框的标题.

summaryMsg String 缺省值: null EAS7.5+

弹出框的主信息,一般不超过15个字符.

detailMsg String 缺省值: null EAS7.5+

弹出框的详细信息(辅助信息),当详细信息很多且区域高度超过300px时自动出现滚动条. 如果参数中不设置detailMsg,详细按钮会自动消失。

buttonType String 缺省值: ok EAS7.5+

提示框显示的按钮组合,默认为“ok”,即只显示一个“确定”按钮。可选范围:ok、ok-cancel、yes-no、yes-no-cancel.

buttonCallBack Array 缺省值: 已为各按钮提供点击自动关闭功能 EAS7.5+

提示框中各按钮对应的函数数组,如果cancel不需要处理函数可不设置. 如:若buttonType:”yes-no-cancel”,则可设置buttonCallBack:[function(){…},function(){…}]或buttonCallBack:[function() {…},function(){…},function(){…}]

target String 缺省值: iframe EAS7.5+

用户提供的包含了提示内容的div或iframe的jquery对象,这个元素对象会被直接挂在(添加到)消息框的提示区域中。如果提供了target则summaryMsg的设置失效。

buttons Array 缺省值: null EAS7.5+

用户自定义的按钮和回调函数,如果提供了buttons则buttonType的设置失效。框架仍然会在按钮点击时自动关闭窗体,无需在回调函数中处理此逻辑。 如:buttons:[{ text : “同意”,click: function(){…} },{ text : “否决”,click: function(){…} }]

height Integer或String 缺省值: auto EAS7.5+

提示框的高度,给属性设置Integer类型的值将自动以px为单位,设置String类型的值则要求以px为单位。 如:height:300、height:”300”或height:”300px”

width Integer或String 缺省值: auto EAS7.5+

提示框的宽度,给属性设置Integer类型的值将自动以px为单位,设置String类型的值则要求以px为单位。 如:width:300、width:”300”或width:”300px”

autoBtnClose Boolean 缺省值: false EAS7.5+

提示框中除“详细”以外的按钮点击时是否自动关闭,默认为不自动关闭。但是如果没有为按钮指定处理函数,则强制点击时自动关闭。如此属性设为true,则无需在按钮处理函数中写:waf.Msgbox.close(dialog);语句


方法说明

showInfo 参数: (string)或(object) 返回值类型: (any) EAS7.5+

打开消息类提示框。参考样例

  • 参数说明:
            - sting:字符串(提示信息)
            - object:jquery属性集合对象
  • 返回值说明:
            - 窗体的jquery对象
  • 例子:
            - waf.msgBox.showInfo(“您的操作执行成功!”)
            - waf.msgBox.showInfo({ title:”我的提示”,summaryMsg:”您的操作执行成功!”,detailMsg:”详细信息:只要参数中不设置detailMsg,详细按钮会自动消失。” })

showWarning 参数: (string)或(object) 返回值类型: (any) EAS7.5+

打开警告类提示框。参考样例

  • 参数说明:
            - sting:字符串(提示信息)
            - object:jquery属性集合对象
  • 返回值说明:
            - 窗体的jquery对象
  • 例子:
            - waf.msgBox.showWarning(“您的操作执行带错完成!”)
            - waf.msgBox.showWarning({title:”我的提示”,summaryMsg:”您的操作执行带错完成!”,detailMsg:”详细信息:只要参数中不设置detailMsg,详细按钮会自动消失。” })

showError 参数: (string)或(object) 返回值类型: (any) EAS7.5+

打开异常类提示框。参考样例

  • 参数说明:
            - sting:字符串(提示信息)
            - object:jquery属性集合对象
  • 返回值说明:
            - 窗体的jquery对象
  • 例子:
            - waf.msgBox.showError(“您的操作执行失败!”)
            - waf.msgBox.showError({ title:”我的提示”,summaryMsg:”您的操作执行失败!”,detailMsg:”详细信息:只要参数中不设置detailMsg,详细按钮会自动消失。” })

showConfirm 参数: (string,function)或(object) 返回值类型: (any) EAS7.5+

打开异常类提示框。参考样例

  • 参数说明:
            - sting:字符串(提示信息)
            - function:js函数(‘确定’按钮的处理函数)
            - object:jquery属性集合对象
  • 返回值说明:
            - 窗体的jquery对象
  • 例子:
            - waf.msgBox.showConfirm(“您确认要执行此操作吗?”,function(dialog){alert(“yes”);})
            - waf.msgBox.showConfirm({title:”我的提示”,summaryMsg:”您确认要执行此操作吗?”,detailMsg:”详细信息:只要参数中不设置detailMsg,详细按钮会自动消失。”, buttonType:”ok-cancel”,buttonCallBack:[ok,cancel] })

showPrompt 参数: (string,function)或(object) 返回值类型: (any) EAS7.5+

打开带一个输入框的提示框,详见高级用法示例源码。参考样例

  • 参数说明:
            - sting:字符串(提示信息)
            - function:js函数(‘确定’按钮的处理函数)
            - object:jquery属性集合对象
  • 返回值说明:
            - 窗体的jquery对象
  • 例子:
            - waf.msgBox.showPrompt(“请输入一些内容:”,function(val,dialog){alert(“刚刚输了” + val);})
            - waf.msgBox.showConfirm({title:”我的提示”,summaryMsg:”请输入一些文字到下面的输入框:”,detailMsg:”详细信息:只要参数中不设置detailMsg,详细按钮会自动消失。”, buttonCallBack:[prmt,cancel]})

样例集合

  1. 弹出提示基本用法
  2. 弹出提示高级用法