Process onclick function after ajax call

by

The onevent handler will actually be invoked three times and it should point to a function name, not the function itself. One time before the ajax request is been sent, one time after the ajax response is been arrived and one time when the HTML DOM is successfully updated. You should be checking the status property of the given data argument for that.

function listener(data) {
    var status = data.status; // Can be "begin", "complete" or "success".

    switch (status) {
        case "begin": // Before the ajax request is sent.
            // ...
            break;

        case "complete": // After the ajax response is arrived.
            // ...
            break;

        case "success": // After update of HTML DOM based on ajax response..
            // ...
            break;
    }
}

In your particular case, you thus just need to add a check if the status is success.

function myFunc(data) {
    if (data.status == "success") {
        var element = document.getElementById('form:#{bean.componentId}');
        element.focus();
        element.select();
    }
}

And you need to reference the function by its name:

<f:ajax ... onevent="myFunc" />

More Related Contents:

  1. How to find out client ID of component for ajax update/render? Cannot find component with expression “foo” referenced from “bar”
  2. When to use valueChangeListener or f:ajax listener?
  3. What values can I pass to the event attribute of the f:ajax tag?
  4. Rendering other form by ajax causes its view state to be lost, how do I add this back?
  5. Form submit in conditionally rendered component is not processed
  6. Can you update an h:outputLabel from a p:ajax listener?
  7. How to pass parameter to f:ajax in h:inputText? f:param does not work
  8. List of events
  9. ICEfaces libary in classpath prevents Save As dialog from popping up on file download
  10. Render multiple components with f:ajax
  11. Ajax update and submission using h:commandButton
  12. UIForm with prependId=”false” breaks
  13. How can I populate a text field using PrimeFaces AJAX after validation errors occur?
  14. Keep p:dialog open when a validation error occurs after submit
  15. Session timeout and ViewExpiredException handling on JSF/PrimeFaces ajax request
  16. What is the correct way to deal with JSF 2.0 exceptions for AJAXified components?
  17. Exception handling in JSF ajax requests
  18. Is it possible to update non-JSF components (plain HTML) with JSF ajax?
  19. How to exclude child component in ajax update of a parent component?
  20. ViewExpiredException not thrown on ajax request if JSF page is protected by j_security_check
  21. Add additional parameter to JSF Ajax event listener
  22. How to decrease request payload of p:ajax during e.g. p:dataTable pagination
  23. java.lang.IllegalStateException: CDATA tags may not nest
  24. Execute JavaScript after every JSF ajax postback
  25. selectOneMenu ajax events
  26. Conditionally provide either file download or show export validation error message
  27. Ajax update/render does not work on a component which has rendered attribute
  28. MVC Return Partial View as JSON
  29. UISelectMany on a List causes java.lang.ClassCastException: java.lang.String cannot be cast to T
  30. JSF resource versioning

Leave a Comment