Primefaces 4. How to update elements outside p:tabView

Asked Dec 30 '13 at 13:04

Active Dec 30 '13 at 13:09

Viewed 1,168 times

Let's say there are two tabs. I want to show a button below p:tabView if the user is on the first page and on the other hand I want to not to render that button if the user is on the second page. How can I ahieve this functionality? My code:

<h:form id="fr">
    <p:tabView id="tabV" activeIndex="#{mngr.tabIndex}">
        <p:ajax event="tabChange" listener="#{mngr.onTabChanged}" update=":fr:button"/>
        <p:tab>
            Tab one
        </p:tab>

        <p:tab>
            Tab two
        </p:tab>
    </p:tabView>
    <p:commandButton id="button" rendered="#{mngr.tabIndex == 0}"/>
</h:form>

Button is rendered whether you are on first or second tab, however things get differet if you manually refresh the page, then button rendering is working as intended. How can I update that button on tab change event?

edited Dec 30 '13 at 13:09

asked Dec 30 '13 at 13:04

Benas

1,767
2
32
61

did you try update="button"? It should work. – Johny T Koshy Dec 30 '13 at 13:10
thank you for your reply, but it can not find element with id "button". – Benas Dec 30 '13 at 13:12
1

I dint see the rendered attribute.. You should wrap your commandbutton inside another element which is always available and use its ID. – Johny T Koshy Dec 30 '13 at 13:16
1

This answer will give a clearer idea. http://stackoverflow.com/questions/4573190/jsf-primefaces-update-attribute-does-not-update-component – Johny T Koshy Dec 30 '13 at 13:21
Thank you so much for this idea and link. It worked! :) – Benas Dec 30 '13 at 13:25

Primefaces 4. How to update elements outside p:tabView

0 Answers0