I have the following JS server side onClick event code on a button with an ID of “installButton”.
getComponent(“statusMsg”).setValue(“Request now pending”);
getComponent(“installButton”).setRendered(false);
The event is set as a partial update of a pane containing both the button and the computed field for ease of use and so that the user can not hit refresh and perform the action again (as can happen with a none AJAX full update). It is important that the button disappears and the user can not perform the action multiple times
This button is within a custom control and on its own works fine however this custom control is nested in a repeat control meaning that the ids of installButton and statusMsg are no longer unique and seems to render all the other Install buttons useless after the first one is clicked. This is made clear when the event is switched to full update and all of the statusMsgs are changed and all install buttons disappear for each custom control within the repeat control.
I have tried to do a work around via client side JS using getClientId global method but unable to get it to work in all browsers successfully.