f:ajax render getting executed after the onClick event get called

Question

I want to open a pop-up on command link panel but it doesn't opens the pop-up but renders it afterwards.

<h:commandLink onclick="{#{rich:component('viewPopupPanel')}.show();}" value="View">
    <f:ajax execute="dat1" render=":viewForm:viewPopupPanel" listener="#{listingBean.viewAction(data)}"/>
</h:commandLink>

In my backing bean i am setting the data that is passed through the function but since render gets called after the onCLick event is called i want to delegate the on Click event after the ajax request is completed. How to achieve that?

score 0 · Answer 1 · answered Mar 08 '16 at 20:10

You can use onevent attribute in f:ajax tag as follow

<h:commandLink value="View">
  <f:ajax execute="dat1" render=":viewForm:viewPopupPanel" listener="#{listingBean.viewAction(data)}" onevent="showPopup"/>
</h:commandLink>

and define the showPopup java script function as follow :

<script>
function showPopup(data){
  if (data.status == "success") {
    #{rich:component('viewPopupPanel')}.show();
    }
}
</script>

f:ajax render getting executed after the onClick event get called

1 Answers1