Sie können global einen sogenannten Ajax.Responder für das onLoading-Ereignis von Prototyp Ajax-Anfragen registrieren. Dies würde für jeden remoteFunction/Ajax-Aufruf auf Ihrer Seite ausgelöst werden. Zu tun, dass Sie so etwas wie dieses irgendwo in Ihre gsp Seite oder das Layout setzen sollen:
<script type="text/javascript">
function showSpinner() {
// TODO show spinner
}
function hideSpinner() {
// TODO hide spinner
}
Ajax.Responders.register({
onLoading: function() {
showSpinner();
},
onComplete: function() {
if(!Ajax.activeRequestCount) hideSpinner();
}
});
</script>
Sie müssen die showSpinner und hideSpinner Funktion natürlich implementieren. Als komplettes Beispiel könnten Sie so etwas wie verwenden:
<script type="text/javascript">
function showSpinner() {
$('spinner').show();
}
function hideSpinner() {
$('spinner').hide();
}
Ajax.Responders.register({
onLoading: function() {
showSpinner();
},
onComplete: function() {
if(!Ajax.activeRequestCount) hideSpinner();
}
});
</script>
<div id="spinner" style="display: none;">
<img src="${createLinkTo(dir:'images',file:'spinner.gif')}" alt="Loading..." width="16" height="16" />
</div>