jsf - 如何在面板标题旁边添加徽章？

Question

我在 0.7.0 版中使用 BootsFaces。

在 BootsFaces 中，您可以使用<b:badge value="#{bean.size}"/>. 这很好用。

实际上我使用的是<b:panel title="Authors"/>.

我正在尝试<b:badge/>在标题旁边添加一个（如图所示）。有没有可能用 BootsFaces 实现这一点，或者在 CSS 中有一个很好的方法吗？你有其他使用这个的提示吗，特别是对于用户 XP？

Answer 1

<b:panel>用构面替换标题heading：

<b:panel>
  <f:facet name="heading">
    <h:outputText value="Panel heading with a facet in place of a title "/>
    <b:badge style="margin-left:10px" value="since version 0.4"/>
  </f:facet>
  <h:outputText value="Panel Content"/>
</b:panel>

（注意，style属性<b:badge>是 BootsFaces 0.8.0 的一个特性）。