Primefaces tabView：在p：tab的标题属性附近嵌入文本答案

【问题标题】：Primefaces tabView: embed text near title attribute of p:tabPrimefaces tabView：在p：tab的标题属性附近嵌入文本
【发布时间】：2011-01-28 12:49:31
【问题描述】：

也许，有人遇到过这样的问题，看起来像特定的问题，并且与 Primefaces tabView 组件有关。
有选项卡视图 cmets 模块，我想在选项卡中显示 cmets 编号，如下所示：

如果<p:tab>动态生成并包含大量HTML子元素（ul、li等），如何嵌入文本？

感谢您的帮助。

【问题讨论】：

标签： view jsf-2 customization primefaces tabbed

【解决方案1】：

您可以在选项卡标题中添加输出。

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

Bean 看起来像这样：

@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 工作正常。

【讨论】：

嗨，马克。好主意，如果非 ajax，我有 ajax，需要立即更新，所以我指定其中 someId 转换为呈现的 p:tab 的 href 值。单击选项卡时出现错误：未捕获的异常：jQuery UI 选项卡：不匹配片段标识符。无论如何，好主意，我正在研究它