commandButton неактивен после рендеринга ajax

У меня проблема с этими двумя кнопками command: Join и Leave.

Я хочу скрыть Регистрация, если я нажму на отпуск и наоборот.

Когда я ставлю ajax на false, проблем не возникает (но вся страница обновляется, и я не нахожу это оптимальным).

Но когда атрибут ajax имеет значение true с определенным обновлением (см. Комментарий в коде), рендеринг хорош, но новые кнопки, которые появляются, становятся неактивными. Если я нажимаю на него, ничего не происходит (ну, это похоже на триггер actionListener, но представление не обновляется, я должен обновить вручную, чтобы увидеть разницу)

Спасибо за чтение.

<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>

Ответы на вопрос(1)

Ваш ответ на вопрос