Question

I need to set some values in my model and navigate page to another one but nothing happens on button click(neither page navigated nor method triggered)….My code works perfect outside the carousel but inside carousel its doesn’t work(no page navigation)

<p:carousel value="#{catalog.getServices()}" var="s" rows="1">
    <h:outputLabel for="id" value="Service ID " />
    <h:outputText id="id" value="#{s.id}" />
    <br></br>
    <h:outputLabel for="name" value="Service Name" />
    <h:outputText id="name" value="#{s.name}" />
    <br />
    <h:commandLink action="detail">
    <f:setPropertyActionListener value="#{s}" target="#{sh.currentService}" />
    <h:commandButton value="getService" style="float:right;" />
    </h:commandLink>
</p:carousel>

And my navigation works perfect outside this carousel

<h:commandLink action="detail">
    <f:setPropertyActionListener value="#{s}" target="#{sh.currentService}" />
    <h:commandButton value="getService" style="float:right;" />
</h:commandLink>

Above code can make my page navigate and method which I want to trigger is also working fine

Answer 1

You should avoid nesting h:commandButton inside h:commandLink.

Simply use h:commandButton this way:

<h:commandButton value="getService" action="#{yourBean.yourActionMethod}">
  <f:setPropertyActionListener .../>
</h:commandButton>

And in your backing bean return the navigation target as result from the action method:

public String yourActionMethod() {
  // do your stuff here
  return "detail";
}