Wskaźnik ładowania jsf / primefaces podczas inicjowania komponentu bean
W moim projekcie JSF / Primefaces mam dużo danych w metodzie init (postconstruct) moich fasoli. Dlatego chciałbym pokazać wskaźnik gif podczas ładowania ziarna.
Próbowałem z primefaces i statusem Ajax (programowa wersja prezentacji)
http://www.primefaces.org/showcase/ui/ajaxStatusScript.jsf
Dodałem to do szablonu mojego projektu
<p:dialog modal="true" widgetVar="loadWidget" header="Status"
draggable="false" closable="false">
<p:graphicImage value="../images/ajaxload.gif" />
</p:dialog>
Chciałbym móc zadzwonićloadWidget.show(); na początku metody inicjowania mojego komponentu bean iloadWidget.hide(); na końcu.
Czy masz pomysł, gdzie i jak uruchomić JavaScript, aby wyświetlić ładujący gif? Dzięki
EDYTOWAĆ
Mogę dodać, że próbowałem tego. Oto część mojego szablonu, która zawiera treść strony. Nie działa ani okno dialogowe p: jest włączone przed treścią, ani po niej.
<div class="content">
<script>loadWidget.show();</script>
<ui:insert name="body" />
<script>loadWidget.hide();</script>
</div>
Konsola mówiloadWidget is not defined
EDIT2
Spróbuję wyjaśnić, jak działa mój projekt. Może być pomocne.
Oto mój szablon
<html ... >
<f:view contentType="text/html">
<h:head> ... </head>
<h:body>
<ui:insert name="header" />
<ui:insert name="menu" />
<ui:insert name="body" />
<ui:insert name="footer" />
... <!-- Other things -->
</h:body>
</f:view>
</html>
Następnie każda strona definiujebody. Przykład strony.
<html ... >
<ui:composition template="myTemplateAbove">
<ui:define name="body">
<h:outputText value="#{beanOfMyFirstPage.myText}" />
<p:commandButton action="#{beanOfMyFirstPage.goToAnotherPage}" />
...
</ui:define>
</ui:composition>
</html>
Następnie każda strona jest połączona z komponentem bean, który rozszerza BaseBean.
@ManagedBean(name = "beanOfMyFirstPage")
@ViewScoped
public class beanOfMyFirstPage extends BaseBean {
// attributes + getters and setters
@PostConstruct
public void init() {
super.init();
... // actions that take time cause of DB requests for example
}
public void goToAnotherPage() {
navigation.handleNavigation(FacesContext.getCurrentInstance(), null, "mySecondPage");
}
// methods
}
I zwykła fasola
public class BaseBean {
@PostConstruct
public void init() {
super.init();
// General actions for all beans
}
}