Rufen Sie Javascript-Funktion von JSRender

Question

Ich habe eine Jsrender Vorlage. Wenn die Vorlage gerendert wird, möchte ich eine JavaScript-Funktion aufrufen, um einige Daten zu bearbeiten.

Hier ist meine JSRender Vorlage.

<tr class="template-download"> 
    <td class="size"> 
     <span>{{:size}}</span> 
    </td> 
</tr> 

Jetzt möchte ich :size Wert auf JavaScript-Funktion zu übergeben und den Rückgabewert erhalten. So kann ich den Rückgabewert anstelle von :size Wert anzeigen.

Meine JavaScript-Funktion ist

function getSize(size) { 
    var megabytes = size/(1024 * 1024); 
    return megabytes.toFixed(2) + "MB"; 
} 

Wie kann ich dies tun?

Answer 1

Sie können dies tun, indem eine Hilfsfunktion verwenden. Wenn Sie machen aufrufen, können Sie definieren und eine Hilfsfunktion ‚in‘ Vorlage übergeben:

$("#tmpl").render(data, 
        { getSize: function(size) { 
           var megabytes = size/(1024 * 1024); 
           return megabytes.toFixed(2) + "MB"; 
           } 
        } 
       ); 

in Ihrer Vorlage Dann rufen Sie die Hilfsfunktion wie folgt aus:

<tr class="template-download"> 
    <td class="size"> 
     <span>{{:size}} {{:~getSize(size)}} </span> 
    </td> 
</tr> 

Ich habe habe ein paar Annahmen darüber getroffen, wie deine Vorlage verwendet wird, aber das sollte dich in Schwung bringen.

This article hat einen Abschnitt zu Hilfsfunktionen, und @BorisMoore hat eine Reihe von guten Beispielen auf seinem jsViews site.

Answer 2

Ich glaube, Sie müssen Hilfsfunktionen verwenden. Siehe die beiden folgenden Referenzen. Der 2. ist ein vollständig geräumtes Beispiel.

http://borismoore.github.io/jsrender/demos/step-by-step/09_helper-functions.html