Question

我正在将JSF / Prime面孔用于UI。在这里，我在data-table中有一个Panel。我需要在Panel的标题中为Font Awesome提供一个Refresh Icon。单击data-table中的刷新图标数据后，应该刷新。我该如何实现？

我尝试添加icon属性，也尝试使用<i>标签，但是没有用

<p:panel header="Top" styleClass="dynamicleftinnerheader" icon="fa fa-refresh">
    <p:dataTable value="#{controller.dataTable}" var="top" scrollHeight="50">
        <p:column headerText="Item">
            <h:outputText value="#{top.item}"/>
        </p:column>
</p:panel>

Answer 1

<h:form>
    <p:panel styleClass="dynamicleftinnerheader">
        <f:facet name="header">
            <p:commandButton icon="fa fa-refresh" update="dataTableId"
                action="#{controller.updateTable()}"></p:commandButton>
        </f:facet>
        <p:dataTable id="dataTableId" value="#{controller.dataTable}"
            var="top" scrollHeight="50">
            <p:column headerText="Item">
                <h:outputText value="#{top.item}"/>
            </p:column>
        </p:dataTable>
    </p:panel>
</h:form>

Answer 2

我尝试使用素面提供的Custom Actions，并且可以正常工作。

在JSF面板标题中添加刷新图标

2 个答案: