<div class="staff_ActionListTable">
<h:panelGroup id="imccomponent">
<div class="scroll-pane2Container">
<div class="scroll-pane2" id="pane2">
<div class="actionInnerTable">
<ui:repeat var="action" value="#{immediateActionListController.actionList}" varStatus="status">
<h:panelGroup rendered="#{status.even}">
<!--Update button-->
<h:commandButton image="updateBtn.gif" value="Update1">
<f:ajax event="click" execute=":pp1" render=":pp1" listener="#{immediateActionListController.loadEditableActionComponent}" onevent="im_action_popupopener"/>
<f:param value="#{action.taskId}" name="immediateTaskIdForEdit">
</f:param>
</h:commandButton>
</h:panelGroup>
</ui:repeat>
</div>
</div>
</div>
</h:panelGroup>
</div>
<!--Add button-->
<div class="staffMember_ButtonContainer">
<h:commandButton image="addImmediateActionBtn.gif">
<f:ajax event="click" execute="imccomponent" render="imccomponent" listener="#{immediateActionListController.loadAddActionPopUp}" onevent="action_im_add_popupopener"/>
</h:commandButton>
</div>
<h:panelGroup id="pp1">
<!--Popup1 start: Add Action-->
</h:panelGroup>
My code is like above, I want to bind particular values for ‘pp1’ pop-up box when I press the updateBtn button. That mean I want to render only that pop-up box part, then how I should specify execute, render option for this (I have try with execute=”:pp1″ render=”:pp1″ but it is not working). Thanks
Your
executeis wrong. You need to execute the button itself, not the render target.Otherwise the listener is never called. Note that I removed the
event="click"as it is the default already.