Primefaces TabView: texte intégré près attribut title de p: onglet

Question

Peut-être, quelqu'un fait face à un tel problème, ressemble à un spécifique et concernant Primefaces composant tabView.
Il est module à onglets voir les commentaires et je voudrais afficher le numéro de commentaires au sein de l'onglet, comme ceci:

Comment est-il possible au texte si <p:tab> Embed généré dynamiquement et contient un grand nombre de sous-éléments HTML (de ul, li etc.)?

Je vous remercie de l'aide.

Answer 1

Vous pouvez ajouter la sortie dans le titre de l'onglet.

<p:tab title="Comments #{myBean.number}">
</p:tab>

Bean ressemblerait à quelque chose comme ceci:

@ManagedBean
@ViewScoped
public class MyBean implements Serializable {

  private int number;

  public MyBean() {
    this.number = 5;
  }

  public int getNumber() {
    return number;
  }

  public void setNumber(int number) {
    this.number = number;
  }

  public void addComment() {
    setNumber(number + 1);        
  }

}

Mise à jour Commentaires totale avec ajax:

<h:form>                                
  <p:tabView id="tabs">
    <p:tab title="Comments #{myBean.number}" >
      <p:commandButton value="Add Comment" 
           action="#{myBean.addComment}" update="tabs"/>
    </p:tab>
    <p:tab title="tab" ></p:tab>
  </p:tabView>
</h:form>

Je ne pouvais pas obtenir la mise à jour pour fonctionner correctement au niveau de l'onglet, mais la mise à jour de l'ensemble des travaux TabView.