1.浮动提示区(msgarea) 目前提供一般信息类提示、报警类提示和错误类提示。
2.提示区支持显示详细信息。
3.提示区分为msgarea标签和工具方法wafMsgArea.show两部分。
4.暂不提供其他类型提示。
<wafctrl:msgarea id="id" name="name" />
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);
<div id="id"></div>
<!--DOM创建好之后,使用js初始化控件-->
waf("#id").wafMsgArea(options);
waf("#id").wafLinkButton(options);
//调用方法
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.如:id=’msgarea-1’
定义浮动区样式。 如:style=’margin-left:500px;margin-top:-25px;’
定义浮动区样式类。如:tagClass=’myclass’
定义详细信息样式类。
显示提示消息。参考样例