Zeigen spinner.gif im ajax-call auf die Ladezeit in grails

Ich bin der Entwicklung einer web-Anwendung in grails verwendet viel ajax.Ich muss ein spinner.gif Bild während der Bearbeitung der ajax-Anfrage.Mein Beispiel-Aps code ist

<div id="ajax-area">
  <g:remoteLink action="list" controller="file" update="ajax-area">
    view files
  </g:remoteLink>
</div>

Im obigen code, wenn wir klicken auf den view-Dateien link für die Aktualisierung der ajax-Bereich div.

Könnte jemand mir zeigen, wie das update der ajax-Bereich mit spinner.gif zum laden von ajax.

Dank

InformationsquelleAutor DonX | 2009-04-13
  1. 2

    Vorausgesetzt, dass Sie mit Prototypen, Sie können etwas hinzufügen, wie dies für die Seite (oder das layout) zu zeigen, ein spinner:

    <script type="text/javascript">
Ajax.Responders.register({
   onCreate: function() {
      if($('ajax-area'))
         $('ajax-area').update('<img src="${createLinkTo(dir:'images',file:'spinner.gif')}" border="0" alt="Loading..." title="Loading..." width="16" height="16" />');
   }
});
</script>

    Überschreibt es den Inhalt des "ajax-Bereich" - element, wenn der Ajax-Aufruf gestartet.

    InformationsquelleAutor Siegfried Puchbauer
  2. 6

    Das gleiche für jQuery (dies war eigentlich gebündelt in der Grails jQuery-plugin):

    $(document).ready(function() {
    $("#spinner").bind("ajaxSend", function() {
        $(this).fadeIn();
    }).bind("ajaxComplete", function() {
        $(this).fadeOut();
    })}
);
    InformationsquelleAutor miek
Schreibe einen Kommentar