How to run a JS or jQuery function after an update, Reload in JSF and Primefaces?

Question

I need to run this function after a button gives an update="@form" on the page

<script type="text/javascript">
    function carregaCss(){
        $(".ui-icon-calendar").addClass("glyphicon glyphicon-calendar corPadrao");
        $(".ui-icon-seek-first").addClass("glyphicon glyphicon-backward corPadrao");
        $(".ui-datepicker-next span").addClass("glyphicon glyphicon-circle-arrow-right");
    }
</script>

It works in the page header, but when the ajax update is executed it does not work and the icons do not receive the classes they should receive..

Answer 1

To make the solution generic, put a call to the function inside the form.

So, every time an update is performed on form, the function will be called again, independent of the component that updated the form.

When the form is rendered again, the function will be called again

The idea is that it looks like:

<h:form>
 <script type="text/javascript">
  carregaCSS();
 </script>
...

Answer 2

I do so:

<p:commandButton ... update="@form" oncomplete="carregarCss()" />

the oncomplete is executed whenever the request made by the component is successfully executed. It is equivalent to Success ajax.