Je souhaite afficher un grognement dans le côté client en utilisant Javascript.
Je veux dire ce composant UI:
J'ai trouvé ce fil , mais je ne trouve pas un objet appelé: topBar
Connu également que l'utilisation de:
grep -rl
pour trouver du texte dans les fichiers permet de découvrir ce 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(); } });
Le composant auquel vous faites référence est Growl, du côté du client, il est représenté par PrimeFaces.widget.Growl
qui a renderMessage
fonction renderMessage
pour rendre un seul message de grognement.
En supposant que vous avez déjà défini un composant growl dans votre page avec un nom widgetVar:
<p:growl widgetVar="growlWV" />
Maintenant en javascript
PF('growlWV').renderMessage({"summary":"summary goes here", "detail":"detail goes here", "severity":"warn"})
La sévérité est évidemment trois types:
Info
prévenir
Erreur