我想在客户端使用 Javascript 显示咆哮声。
我的意思是这个 UI 组件:
我找到了这个 thread ,但是,我找不到一个名为 :topBar
还知道使用:
grep -rl
在文件中查找文本导致发现这个 JS:
/**
* PrimeFaces NotificationBar Widget
*/
PrimeFaces.widget.NotificationBar = PrimeFaces.widget.BaseWidget.extend({
init: function(cfg) {
this._super(cfg);
var _self = this;
//relocate
this.jq.css(this.cfg.position, '0').appendTo($('body'));
//display initially
if(this.cfg.autoDisplay) {
$(this.jq).css('display','block')
}
//bind events
this.jq.children('.ui-notificationbar-close').click(function() {
_self.hide();
});
},
show: function() {
if(this.cfg.effect === 'slide')
$(this.jq).slideDown(this.cfg.effect);
else if(this.cfg.effect === 'fade')
$(this.jq).fadeIn(this.cfg.effect);
else if(this.cfg.effect === 'none')
$(this.jq).show();
},
hide: function() {
if(this.cfg.effect === 'slide')
$(this.jq).slideUp(this.cfg.effect);
else if(this.cfg.effect === 'fade')
$(this.jq).fadeOut(this.cfg.effect);
else if(this.cfg.effect === 'none')
$(this.jq).hide();
},
isVisible: function() {
return this.jq.is(':visible');
},
toggle: function() {
if(this.isVisible())
this.hide();
else
this.show();
}
});
最佳答案
您所指的组件是 Growl,在客户端它由 PrimeFaces.widget.Growl
表示它具有 renderMessage
函数来呈现单个咆哮消息。
假设您已经在页面中使用 widgetVar 名称定义了一个 growl 组件:
<p:growl widgetVar="growlWV" />
现在在 javascript 中
PF('growlWV').renderMessage({"summary":"summary goes here",
"detail":"detail goes here",
"severity":"warn"})
严重程度明显分三种:
- 信息
- 警告
- 错误
关于javascript - 添加消息到 p :growl using Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25498449/