Primefaces tabView: вставлять текст рядом с атрибутом заголовка p: tab

Question

Возможно, кто-то сталкивался с такой проблемой, похож на конкретную и касающуюся компонента Primefaces tabView.
Есть модуль просмотра комментариев с вкладками, и я хотел бы отобразить номер комментария на вкладке, например:this:

Как можно встраивать текст, если <p:tab> генерируется динамически и содержит много подэлементов HTML (ul, li и т. д.)?

Спасибо за помощь.

Answer 1

Вы можете добавить вывод в заголовок вкладки.

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

Боб будет выглядеть примерно так:

@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);        
  }

}

Обновление комментариев всего с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>

Не удалось настроить обновление для корректной работы на уровне вкладок, но обновление всего TabView работает.