p:commandButton rendered property doesn't update with ajax

Question

From this answer I got that:

You can only ajax-update a component which is always rendered (i.e. when it does not have a rendered attribute).

But I tried this code and ajax-update doesn't work for me, I need to refresh the browser to see the changed button. What am I doing wrong?

<p:outputPanel id="buttonArea">
    <p:panel styleClass="button-area" 
             rendered="#{user != null and loginManager.profile.id != userPage.profile.id}">
        <h:form>
             <p:commandButton styleClass="button-flat" action="#{userPage.followUser}"
                              value="Follow" rendered="#{!userPage.followed}" update="buttonArea"/>
             <p:commandButton styleClass="button-flat" action="#{userPage.unfollowUser}"
                              value="Unfollow" rendered="#{userPage.followed}" update="buttonArea"/>
        </h:form>
    </p:panel>
</p:outputPanel>

Edit:

I tried the solution from the possible duplicated question and it doesn't work either for me, I'm doing something wrong that it's not explained there, I tried with the ajax tag, the id in html is exactly 'buttonArea' but I even tried with and without colon when I reference the id, I tried with fragments...

How can it be a duplicate if I'm doing what the answer proposes?, I reference a parent component — Kronen, May 16 '17 at 19:20
Yes the action is invoked, the database is updated, and if I refresh the browser the change is visible. Nothing at all in the console. — Kronen, May 16 '17 at 19:38

score -2 · Answer 1 · answered May 17 '17 at 10:52

-2

Your commandButtons need their own ids. Update them instead of the panel.

answered May 17 '17 at 10:52

Dennis

186
2
9

1

Have you tried this? You cannot update elements with a dynamic rendered attribute directly. – Jasper de Vries May 17 '17 at 11:26
at least not from 'hidden' to 'visible' (the other way around works or when they stay visible) – Kukeltje May 17 '17 at 11:37

p:commandButton rendered property doesn't update with ajax

1 Answers1