Okno dialogowe potwierdzenia priorytetów znika niemal natychmiast

Question

Zajmuję się tworzeniem aplikacji w JSF 2.0. Używam również biblioteki komponentów Primefaces. Mam problem z p: confirmDialog of Primefaces. Jak tylko chcę pokazać p: confirmDialog, znika on niemal natychmiast. Najdziwniejsze jest to, że problem ten występuje tylko w przypadku aplikacji wdrożonej na serwerze GlassFish w pracy. Kiedy przesyłam ten sam plik .war do serwera GlassFish na moim komputerze w domu lub kiedy uruchamiam aplikację w Netbeans, ten problem nie występuje. Naprawdę nie mogę się dowiedzieć, jaka jest przyczyna tego problemu. Ponadto nie mogłem znaleźć żadnych informacji na ten temat w Google. Każda pomoc będzie bardzo ceniona! To jest mój kod:

<h:commandButton value="Verwijderen" onclick="bezoekConfirmation.show()" styleClass="verwijderKnopBig" rendered="#{pageRenderController.canWriteBezoekenMobiele}" /> 
<p:confirmDialog message="Bent u zeker dat u dit bezoek wilt verwijderen?" closable="false" 
    header="Bezoek verwijderen" severity="alert" widgetVar="bezoekConfirmation"> 
    <p:commandButton value="Ja" oncomplete="bezoekConfirmation.hide()" action="#{bezoekenMobieleController.deleteBezoek}" ajax="false" /> 
    <p:commandButton value="Nee" onclick="bezoekConfirmation.hide()" type="button" /> 
</p:confirmDialog> 

Answer 1

Kliknięcie przycisku spowoduje przesłanie. Pojawi się okno dialogowe, a strona zostanie natychmiast załadowana ponownie.

Zmień to:

bezoekConfirmation.show() 

do tego:

bezoekConfirmation.show(); return false; 

To naprawdę dziwne, że twoja wersja pracuje na komputerze w domu.

Answer 2

<h:commandButton value="Verwijderen" onclick="bezoekConfirmation.show()" styleClass="verwijderKnopBig" rendered="#{pageRenderController.canWriteBezoekenMobiele}" /> 
<p:confirmDialog message="Bent u zeker dat u dit bezoek wilt verwijderen?" closable="false" 
    header="Bezoek verwijderen" severity="alert" widgetVar="bezoekConfirmation" appendToBody="true"> 
<p:commandButton value="Ja" oncomplete="bezoekConfirmation.hide()" action="#{bezoekenMobieleController.deleteBezoek}" ajax="false" /> 
    <p:commandButton value="Nee" onclick="bezoekConfirmation.hide()" type="button" /> 
</p:confirmDialog> 

appendToBody="true" będzie przezwyciężyć problem

Answer 3

Rozwiązanie z return false; będzie działać tylko wtedy, gdy nie zamierzamy wywołać metodę lub ustawić zmienną.

W takim przypadku wystarczy użyć oncomplete="dialog.show();" zamiast onclick="dialog.show();" To przejdzie przez wywołanie metody.

---

Przykład:

Biorąc pod uwagę, że poniższy kod jest w jakiejś tabeli danych, to możesz mieć

<p:commandButton value="edit" update=":dialog" oncomplete="dialog.show();"> 
<f:setPropertyActionListener target="#{bean.field}" value="#{_item}" /> 
</p:commandButton> 

lub zadzwoń ustawiająca bezpośrednio

<p:commandButton value="edit" update=":dialog" oncomplete="dialog.show();" action="bean.setField(_item)"> 
</p:commandButton>