primefaces - 如何在 Primefaces 中添加 HTML 标签 <p :panel> header attribute?

Question

我使用以下代码绘制了一个 Primefaces 网页

<p:outputPanel id="TitlePanel">
    <p:outputLabel escape="false" value="#{pageTitle}"/>
</p:outputPanel>   

我现在想改变这个<p:outputPanel>使用以下代码在可切换面板中。

<p:panel id="TitlePanel" 
         toggleable="true" 
         closable="true"
         >
    <p:outputLabel escape="false" value="#{pageTitle}"/>
    ...
</p:panel>   

但这不起作用，因为 #{pageTitle}显示在第一个面板的标题之后!

我尝试过以下代码

<p:panel id="TitlePanel" 
         toggleable="true" 
         closable="true"
         header="#{pageTitle}"
         >
    ...
</p:panel>   

但这不起作用，因为 #{pageTitle} 返回 HTML 标记被转义并显示在不太可读的标题中:-)

如何在“header”属性中添加 HTML 标记？

我的问题与 jsf primefaces add p:inputText to p:panel 's header 不同因为我搜索以显示具有特定格式的输出文本，并搜索链接的问题以在标题中插入输入小部件。答案相同，但问题不同。

Answer 1

只需添加以下 <f:facet name="header"> 即可解决此问题集团。

<p:panel id="TitlePanel" 
             toggleable="true" 
             closable="true"
             >
    <f:facet name="header">
        <p:outputLabel value="#{pageTitle}" escape="false"/>
    </f:facet>
    ...
</p:panel>   

该解决方案也适用于许多其他 PrimeFaces 组件。