Jquery nokaut: Render szablon w pamięci

Question

Mam szablon nokaut:

<script id="draggableHelper" type="text/x-jquery-tmpl"> 
    <div class="draggableHelper"> 
     <span data-bind="text: Name"></span> 
    </div> 
</script> 

można wygenerować wynik szablonu i zapisać go w pamięci, wysyłając przedmiot, aby wypełnić szablon?

Coś jak:

var result = ko.renderTemplate($("#draggableHelper").html(), { Name: "Test" }); 

Answer 1

Tak to jest możliwe zastosowanie do wiązania węzłów przyłączone do DOM. Wystarczy użyć bardzo przydatnej funkcji ko.applyBindingsToNode, aby osiągnąć pożądany rezultat.

ko.renderTemplateX = function(name, data){ 
    // create temporary container for rendered html 
    var temp = $("<div>"); 
    // apply "template" binding to div with specified data 
    ko.applyBindingsToNode(temp[0], { template: { name: name, data: data } }); 
    // save inner html of temporary div 
    var html = temp.html(); 
    // cleanup temporary node and return the result 
    temp.remove(); 
    return html; 
}; 

Spójrz na ten mały przykład: http://jsfiddle.net/6s4gq/

Aktualizacja:

Pierwotnie była metoda ko.renderTemplate ale nie ma wbudowanej metody w Knockout o tej samej nazwie. Zastąpienie ko.renderTemplate może przerwać pracę aplikacji, zwłaszcza jeśli używasz wiązania template. Bądź ostrożny!

Answer 2

Odpowiedź f_martinez jest bardzo zbliżona do tego, czego potrzebowałem, po prostu musiałem określić silnik szablonu, aby działał. Moja funkcja:

var renderTemplate = function (name, data) { 
    // create temporary container for rendered html 
    var temp = $("<div>"); 

    // apply "template" binding to div with specified data 
    var options = { 
     template: { 
      name: name, 
      data: data, 
      templateEngine: new ko.nativeTemplateEngine() 
     } 
    }; 

    ko.applyBindingsToNode(temp[0], options); 

    // save inner html of temporary div 
    var html = temp.html(); 

    // cleanup temporary node and return the result 
    temp.remove(); 

    return html; 
};