Wywołanie funkcji wewnątrz szablonu podkreślenia za pomocą szkieletu

Question

To, co staram się zrobić, naprawdę uprościłoby moje życie.

Jak mogę to zrobić:

To jest mój widok w aplikacji pliku

window.ArtView = Backbone.View.extend({ 
     template:_.template($('#art').html()), 
     render:function (eventName) { 
      var output="blablbla"; 
      $(this.el).html(this.template({"output":output})); 
      return this; 
     } 
    }); 
    ... 
    // function that I would like to call 
    function callFunction(){ 
     console.log('it works!'); 
    } 

Szablon w index.html

<script type="text/tempate" id="art"> 
     <div data-role="header" class="header" data-position="fixed"> 
      <a href="#" data-icon="back" class="back ui-btn-left">Back</a> 
     </div> 
     <div data-role="content" class="content"> 
      callFunction(); 
      <% console.log(output) %> 
     </div> 
</script> 

Jak mogę zadzwonić CallFunction() w moim szablonie czy coś podobnego?

Każdy pomysł?

Dzięki!

Answer 1

Wierzę, że można wywołać funkcje w szablonie dopóki obiekt szablonu posiada funkcję.

render:function (eventName) { 
    var output="blablbla"; 
    var data = _.extend({"output":output}, callFunction); 
    $(this.el).html(this.template(data)); 
    return this; 
} 

następnie w szablonie:

<%= callFunction() %> 

Answer 2

To źle. Pomyśl o szablonie jako łańcuchu, znacznikach html. Zdobądź go i zastąp niektóre jego części rzeczywistymi danymi. Jeśli chcesz wykonać trochę manipulacji DOM, powinny one zostać wykonane po tym. Daj nam znać, co chcesz zrobić w funkcji callFunction, a my poprowadzimy Cię w odpowiednie miejsce dla tej logiki.

Answer 3

to jest, jak to zrobiłem, to działa dobrze.

template: _.template(templateText , { 
      imports : { 
       check :function (val){ 
        // blah blah 
        } 
       } 
      } 
     }), 

następnie w szablonie html

<%= check('value') %>