grails Ajax-Aufruf benötigt jQuery-Code in jeder Vorlage

Question

Ich bin mit Grails 2.4 und AJAX-Request mit formremote, Remotelink, submittoremote usw.

wenn ich machen Ajax-Aufruf und Rendering-Vorlage muss ich schreiben im Zusammenhang jquery wieder neu zu laden.

Wie

$('.customdatepicker').datepicker({ 
        format: "dd/mm/yyyy", 
        autoclose:true,todayHighlight: true 
       }); 

Instred des Codes in allen Schablonen wiederholen, Ich brauche etwas, damit ich müssen nur nur einmal jquery Code schreiben.

Wenn ich es im Layout definiert habe, ist es nur für alle Nicht-Ajax-Aufrufe verfügbar.

Danke.

Answer 1

Sie sollten folgendes beachten:

---

Wenn Sie Inhalte mit Ajax zu laden, die damit erstellt alle Elemente automatisch nicht tun haben die Bindungen und Ereignisse, die alle anderen Elemente auf Seite erstellt laden haben. Wenn Ihre Elemente ein bestimmtes Verhalten nach dem Ajax haben sollen, dann sollten Sie Funktionen erstellen, die Sie in der onSuccess Ihres Form Remote-Tags aufrufen können.

---

Sie könnten normale Formulare verwenden und on Funktion der Nutzung jquery als

$('#my-element-in-page-when-loaded').on('click', 'my-ajax-element', function(){ /*jquery ajax functions load, get, post, ajax*/}) 

statt

$('my-ajax-element').click(); 

da letztere wird nur funktionieren, wenn mein-Ajax-Element vorhanden ist, wenn die Seite wird anfänglich geladen.

---

, wenn das Problem ist, dass Ihr JavaScript in einer falschen Reihenfolge geladen wird, dann sollten Sie wie folgt auf Ihre Template-Code

<content tag="javascript"> 
    //your js 
</content> 

und zum Layout folgenden Code, nach dem Ort, an dem Sie Deklarieren Sie Ihre Ressourcen oder Asset-Javascripts.

//your layout assets 
<g:pageProperty name="page.javascript"/> 

Auf diese Weise können Sie eine Datei mit allen häufig verwendeten Funktionen in einer Datei erklären, und dann alle Ihre Ansicht spezifischen js in der

<content tag="javascript"> 
    //your view specific code. 
</content>