Though ADF Faces provides an uncommitted data warning functionality, developers may have the requirement to respond to the page unload
event within custom application code, programmed in a managed bean. The af:clientListener tag that is used in ADF Faces to listen for JavaScript and ADF Faces client component events does not provide the option to listen for the unload
event. So this often recommended way of implementing JavaScript in ADF Faces does not work for this use case. To send an
event from JavaScript to the server, ADF Faces provides the af:serverListener tag that you use to queue a CustomEvent that invokes method in a managed bean. While this is part of the solution, during testing, it turns out, the browser native JavaScript unload
event itself is not very helpful to send an
event to the server using the af:serverListener tag. The reason for this is that when the unload
event fires, the page already has been unloaded and the ADF Faces AdfPage object needed to queue the custom
event already returns null. So the solution to the unload page
event handling is the unbeforeunload
event, which I am not sure if all browsers support them. I tested IE and FF and obviously they do though. To register the beforeunload
event, you use an advanced JavaScript programming technique that dynamically adds listeners to page events. <af:document id="d1" onunload="performUnloadEvent" clientComponent="true"> <af:resource type="javascript"> window.addEventListener('beforeunload', function (){performUnloadEvent()},false) function performUnloadEvent(){ //note that af:document must have clientComponent="true" set //for JavaScript to access the component object var eventSource = AdfPage.PAGE.findComponentByAbsoluteId('d1'); //var x and y are dummy variables obviously needed to keep the page //alive for as long it takes to send the custom
event to the server var x = AdfCustomEvent.queue(eventSource, "handleOnUnload", {args:'noargs'},false); //replace args:'noargs' with key:value pairs if your
event needs to //pass arguments and values to the server side managed bean. var y = 0; } </af:resource> <af:serverListener type="handleOnUnload" method="#{UnloadHandler.onUnloadHandler}"/> // rest of the page goes here … </af:document> The managed bean method called by the custom
event has the following signature: public void onUnloadHandler(ClientEvent clientEvent) { } I don't really have a good explanation for why the JavaSCript variables "x" and "y" are needed, but this is how I got it working. To me it ones again shows how fragile custom JavaScript development is and why you should stay away from using it whenever possible. Note: If the unload
event is produced through navigation in JavaServer Faces, then there is no need to use JavaScript for this. If you know that navigation is performed from one page to the next, then the action you want to perform can be handled in JSF directly in the context of the lifecycle.
