浮动提示

简介

1.浮动提示区（msgarea）目前提供一般信息类提示、报警类提示和错误类提示。
2.提示区支持显示详细信息。
3.提示区分为msgarea标签和工具方法wafMsgArea.show两部分。
4.暂不提供其他类型提示。

使用方法

2.1、静态框架使用方法仅EAS7.5版本

<wafctrl:msgarea id="id" name="name" />

2.2、 JS动态创建EAS8.0+

var options = {
    id:"msgarea_cs",
    style:"background:blue",
    detailClass:"myDetailClass",
    tagClass:"myClass"
};
var dom = waf.createDOM("msgArea", options);
waf.appendDOM($('body'), dom);
waf.initComponent("msgArea", options, dom);

2.3、通用DOM创建EAS8.0+

<div id="id"></div>
<!--DOM创建好之后，使用js初始化控件-->
waf("#id").wafMsgArea(options);
waf("#id").wafLinkButton(options);

2.4、方法&事件使用EAS7.5+

//调用方法
waf("#wafMsgArea1").wafMsgArea("show",{
    type:"info",
    summaryMsg:"数据保存成功！" ,
    detailMsg:"属性详细信息：<br><br/>" +
        "type:\"info\",<br/>" +
        "summaryMsg:\"数据保存成功！\"<br/><br/>" +
        "其中type定义浮动区消息类型，体现为主提示区内显示的小图标不同。" +
        "值为\"info\"、\"warning\"和 \"error\"三者之一，缺省值为\"info\"<br/><br/>"
});
waf("#wafMsgArea1").wafMsgArea("show",{
    type:"warning",
    summaryMsg:"发现未保存数据，请确认！"  ,
    detailMsg:"属性详细信息：<br><br/>" +
        "type:\"warning\",<br/>" +
        "summaryMsg:\"发现未保存数据，请确认！\"<br/><br/>" +
        "其中type定义浮动区消息类型，体现为主提示区内显示的小图标不同。" +
        "值为\"info\"、\"warning\"和 \"error\"三者之一，缺省值为\"info\"<br/><br/>"
});
waf("#wafMsgArea1").wafMsgArea("show",{
    type:"error",
    summaryMsg:"数据保存失败！",
    detailMsg:"属性详细信息：<br><br/>" +
        "type:\"error\",<br/>" +
        "summaryMsg:\"数据保存失败！\"<br/><br/>" +
        "其中type定义浮动区消息类型，体现为主提示区内显示的小图标不同。" +
        "值为\"info\"、\"warning\"和 \"error\"三者之一，缺省值为\"info\"<br/><br/>"
});

属性说明

id String 缺省值: null EAS7.5+

定义浮动区的id.如：id=’msgarea-1’

style String 缺省值: null EAS7.5+

定义浮动区样式。如：style=’margin-left:500px;margin-top:-25px;’

tagClass String 缺省值: null EAS7.5+

定义浮动区样式类。如：tagClass=’myclass’

detailClass String 缺省值: null EAS7.5+

定义详细信息样式类。

方法说明

show 参数: (opts) 返回值类型: (Object)显示提示信息浮动窗 EAS7.5+

显示提示消息。参考样例

参数说明:
        - opts是json对象，其属性包括type、summaryMsg、detailMsg、detailMsg、 closeDetailTime、iconClass。其中，
                - type：定义浮动区消息类型，体现为主提示区内显示的小图标不同。值为info、warning和 error三者之一，缺省值为info
                - summaryMsg：定义浮动区的主提示内容
                - detailMsg：定义浮动区的详细提示内容，不指定将不显示详细信息
                - closeDetailTime：定义浮动区显示多少秒后自动消失，不指定或指定负数则浮动区不自动消失
                - iconClass：定义浮动区显示的图标，不指定时图标的显示由type属性决定
返回值说明：
- 浮动提示标签（div）的jquery对象