popMsg

简介

popMsg控件类似于popover,但多了操作按钮,可以是只带一个“确定”按钮的弹出消息,也可以是“确定-取消”按钮的询问框。


使用方法

2.1创建弹出消息EAS8.0+
$("body").append("<p id='p001'><a id='linkButton001' class=\"btn\" >左侧popoverMsgbox</a></p>");
var elem = waf("#linkButton001");
//只带“确定”按钮的弹出消息
waf.popMsgBox.showInfo(elem,
    {
        title:'标题',
        content:'要显示的内容'
    },
    function(){
        //点确定后可以执行这里的内容,返回false则弹窗不关闭
    }
);    
//带“确定-取消”按钮的弹出消息
waf.popMsgBox.showConfirm(elem,
    {
        title:'标题',
        content:'询问的信息',
        width:200,
        placement:"right"
    },
    function(){
        //点确定后可以执行这里的内容,返回false则弹窗不关闭
    },
    function(){
        //点取消后可以执行这里的内容,返回false则弹窗不关闭
    }
);
2.2方法&事件使用EAS8.0+
//调用方法
waf("#id").wafPopoverMsgbox("method", parameter...);
//eg:方法调用
waf("#id").wafPopoverMsgbox("getContent");
waf("#id").wafPopoverMsgbox("setContent","显示提示信息");

属性说明

animation Boolean 缺省值: true EAS8.0+

定义弹出提示的动画效果

placement String 缺省值: “right” EAS8.0+

设置对象定位层的位置和大小

selector Bollen 缺省值: false EAS8.0+

定义常用选择控制方式

height integer或String 缺省值: null EAS8.0+

提示框的高度,给属性设置Integer类型的值将自动以px为单位,设置String类型的值则要求以px为单位

width integer或String 缺省值: null EAS8.0+

提示框的宽度,给属性设置Integer类型的值将自动以px为单位,设置String类型的值则要求以px为单位

title String 缺省值: “” EAS8.0+

定义弹出框的标题

content String 缺省值: “” EAS8.0+

定义弹出框的显示内容

trigger String 缺省值: “click” EAS8.0+

定义弹出框的触发方式

container Object 缺省值: $(“body”) EAS8.0+

向指定元素追加提示工具

delay boolen 缺省值: 0 EAS8.0+

定义弹出框的弹出延迟是否存在


方法说明

setContent 参数: (value) 返回值类型: (undefined) EAS8.0+

设置弹出框的显示内容

  • 参数说明:
        - value: 可以是具体字符串或值
  • 返回值说明: 无

getContent 参数: (无) 返回值类型: (String) EAS8.0+

获取弹出框的内容

  • 参数说明: 无
  • 返回值说明: 无

hanContent 参数: (无) 返回值类型: (String) EAS8.0+

显示弹出提示框的值

  • 参数说明: 无
  • 返回值说明: 无

showInfo 参数: (elem,opts,func) 返回值类型: (undefined) EAS8.0+

waf.popMsgBox.showInfo可以生成一个提示信息的弹出层

  • 参数说明:
        - elem: 可是是字符串,也可以是jquery对象
        - opts: 选择操作,可传入该对应弹出框的属性
        - func: 一般匿名函数,“确认”操作后对应的返回处理
  • 返回值说明: 无

showconfirm 参数: (elem,opts,funcOk,funcCancel) 返回值类型: (undefined) EAS8.0+

waf.popMsgBox.showConfirm可以生成一个询问信息的弹出层

  • 参数说明:
        - elem: 可是是字符串,也可以是jquery对象
        - opts: 选择操作,可传入该对应弹出框的属性
        - funcOk: 一般匿名函数,“确定”操作后对应的返回处理
        - funcCancel: 一般匿名函数,“取消”操作后对应的返回处理
  • 返回值说明: 无

样例集合

  1. 基本用法