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>

在p：面板的标题上显示图标

2 个答案: