浮动提示

简介

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对象

样例集合

  1. 浮动提示基本用法
  2. 浮动提示动态示例