如何顯示f：viewAction的等待指示？

Question

我有一個JSF頁面，它加載一個對象的屬性（id在URL中傳遞）。 加載可以持續更長時間，因此我想顯示等待/忙碌指示符或“正在加載...”消息。

這是使用“viewAction”完成的

<f:metadata>
    <f:viewAction action="#{myBean.loadParams}" />
</f:metadata>

有沒有一種簡單的方法來實現這一目標？ 我正在使用Primefaces。

Answer 1

PrimeFaces已經准備好了一個組件： <p:outputPanel deferred="true"> 。 您只需要確保#{heavyBean} 僅在<p:outputPanel>中的組件中引用（因此絕對不會在<c:xxx>類的標記文件中引用，因為這里解釋的原因）而不是其他地方。

...
#{notHeavyBean.property}
...

<p:outputPanel deferred="true">
    ...
    #{heavyBean.property}
    ...
</p:outputPanel>

...
#{anotherNotHeavyBean.property}
...

然后你可以在@PostConstruct方法中完成繁重的工作。 完成你最初在@PostConstruct中的<f:viewAction>中@PostConstruct 。

@Named
@ViewScoped
public class HeavyBean implements Serializable {

    @PostConstruct
    public void init() {
        // Heavy job here.
    }

    // ...
}

如果您需要訪問其他bean的屬性，只需在HeavyBean @Inject那些bean。 例如，如果您需要ID視圖參數：

<f:viewParam name="id" value="#{notHeavyBean.id}" />

@Inject
private NotHeavyBean notHeavyBean; // Also @ViewScoped.

@PostConstruct
public void init() {
    Long id = notHeavyBean.getId();
    // Heavy job here.
}

<p:outputPanel>已經附帶了動畫gif。 您可以通過CSS輕松自定義它。

.ui-outputpanel-loading {
    background-image: url("another.gif");
}