Afficher growl à l'aide de Javascript

Je souhaite afficher un grognement dans le côté client en utilisant Javascript.

Je veux dire ce composant UI:

Entrez la description de l'image ici

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

    L'info gronde

  • prévenir

    Avertir le grondement

  • Erreur

    L'erreur gronde