jquery avec jsf

Question

J'ai un problème lors de l'intégration de JQuery avec JSF.

J'utilise Spin. et j'ai dans mon code:

<script type="text/javascript" src="#{request.contextPath}/scripts/jquery.selectbox-0.5.js"></script> 
    jQuery(document).ready(function($){ 
     $.spin.imageBasePath = '../images/spin1/'; 
     $('#spin1').spin(); 
     $('#spin2').spin(); 
     $('#spin3').spin(); 
    } 

Quand j'invoque la page pour la première fois, le « spin » est ajoutée aux composants.

Le problème est que j'ai aussi, et une fois que je l'invoque et que je mets à jour une partie de la page (là où j'ai les spins) - ça ne fonctionne plus. Il semble que Jquery ne soit invoqué qu'à la lecture de la page et qu'une fois rafraîchie une partie de celui-ci - je l'exécuterais plus. J'ai essayé d'utiliser h:commandButton avec f:ajax mais cela n'a pas résolu le problème.

J'ai essayé de déplacer le script dans la forme qui est rendu, mais il ne permet pas

Comment puis-je résoudre ce problème?

Answer 1

Dans un écrou, vous souhaitez le ré-exécuter à chaque fois que la requête ajax est terminée?

le déplacer dans une fonction comme ceci:

jQuery(document).ready(function() { 
    jQuery.spin.imageBasePath = '../images/spin1/'; 
    runSpinners(); 
}); 
function runSpinners() { 
    jQuery('#spin1').spin(); 
    jQuery('#spin2').spin(); 
    jQuery('#spin3').spin(); 
} 

De cette façon, vous pouvez le réutiliser dans l'attribut oncomplete du <p:commandButton>.

<p:commandButton oncomplete="runSpinners()" /> 

Vous pouvez également utiliser <p:ajaxStatus> pour l'exécuter sur complète de tous appel ajax, quel que soit le bouton/lien pressé:

<p:ajaxStatus oncomplete="runSpinners()" /> 

Answer 2

Il suffit d'écrire

$ = jQuery ;

Après avoir fait cela, vous pouvez profiter de la manière standard d'écrire en utilisant jQuery signe $ ...

$(document).ready(function() { 
    $.spin.imageBasePath = '../images/spin1/'; 
    runSpinners(); 
}); 
function runSpinners() { 
    $('#spin1').spin(); 
    $('#spin2').spin(); 
}