显示图标：面板

Question

我使用的组件<p:panel>

如果我们把先进的面板为例，有没有什么办法，这让我能够在的左侧添加一个图标文字“关于巴萨”？

Answer 1

可以扩展使用<f:facet name="header">

<f:facet name="header"> 
    <h:panelGrid columns="2"> 
    <span class="ui-icon" /> 
    <h:outputText value="About Barca" /> 
    </h:panelGrid> 
</f:facet> 

可以使用span元件加CSS定制或p:graphicImage部件头部。

Answer 2

这是你可以添加一个图标到面板组件的方式：

<p:panel header="the header text you want"> 
    <f:facet name="actions"> 
     <p:commandLink 
      styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default"> 
      <h:outputText styleClass="ui-icon ui-icon-help" /> 
     </p:commandLink> 
    </f:facet> 
</p:panel>