commandButton nach Ajax-Rendering inaktiv

Ich habe ein Problem mit diesen beiden Befehlsschaltflächen: Verbinden und Verlassen.

Ich möchte Join ausblenden, wenn ich auf Leave klicke und umgekehrt.

Wenn ich ajax auf false setze, gibt es kein Problem (aber alle Seiten werden aktualisiert und ich finde das nicht optimal).

Wenn jedoch das Ajax-Attribut mit einer bestimmten Aktualisierung auf true gesetzt ist (siehe Kommentar im Code), ist das Rendering gut, aber die neue Schaltfläche wird scheinbar inaktiv. Wenn ich darauf klicke, passiert nichts (nun, es scheint der ActionListener-Trigger zu sein, aber die Ansicht wird nicht aktualisiert. Ich muss manuell aktualisieren, um den Unterschied zu erkennen.)

Danke fürs Lesen.

<h:form id="formWaitingList" rendered="#{connexion.connected}" >
    <p:commandButton id="Join"  
                    actionListener = "#{connexion.joinWaitingList()}"
                    rendered="#{!connexion.waiting}"
                    ajax="false"
               <!-- ajax="true"
                    update="Join,Leave"-->
                    value="Join"/>

   <p:commandButton id="Leave" 
                    value="Leave"
                    ajax="false"
               <!-- ajax="true"
                    udpate="Join,Leave"-->
                    rendered="#{connexion.waiting}"
                    actionListener ="#{connexion.leaveWaitingList()}" />
</h:form>

Antworten auf die Frage(1)

Ihre Antwort auf die Frage