al pasar una variable a una plantilla de red troncal, ¿cómo hacer referencia a ella en la plantilla?

Question

la plantilla se ve así.

<div> 
    <H5>Status for your request</H5> 
    <table> 
    <tbody> 
    <tr> 
     <th>RequestId</th> 
     <th><%=id%></th> 
    </tr> 
    <tr> 
     <th>Email</th> 
     <th><%=emailId%></th> 
    </tr>  
    <tr> 
     <th>Status</th> 
     <th><%=status%></th> 
    </tr>  
    </tbody> 
    </table> 
</div> 

Esta es la Vista Javascript que hace la página.

window.StatusView = Backbone.View.extend({ 

initialize:function() { 
    console.log('Initializing Status View'); 
    this.template = _.template(tpl.get('status')); 
}, 

render:function (eventName) { 

    $(this.el).html(this.template()); 
    return this; 
}, 

events: { "click button#status-form-submit" : "getStatus" }, 

getStatus:function(){ 

    var requestId = $('input[name=requestId]').val(); 
    requestId= $.trim(requestId); 

    var request = requests.get(requestId); 

    var statusTemplate = _.template(tpl.get('status-display')); 
    var statusHtml = statusTemplate(request); 
    $('#results-span').html(statusHtml); 
} 

}); 

Cuando los clics en la entrada, el RequestID es leído y el estado se adjunta en el elemento html con el ID 'resultados-palmo'.

La falla ocurre al reemplazar los valores en html-template con valores variables.

var statusTemplate = _.template(tpl.get('status-display')); 
var statusHtml = statusTemplate(request); 

La representación falla con el siguiente error.

Uncaught ReferenceError: emailId is not defined 
(anonymous function) 
_.templateunderscore-1.3.1.js:931 
window.StatusView.Backbone.View.extend.getStatusstatus.js:34 
jQuery.event.dispatchjquery.js:3242 
jQuery.event.add.elemData.handle.eventHandle 

Answer 1

de _.template Subrayado:

plantillas Compila JavaScript en funciones que pueden ser evaluados para la representación.
[...]

var compiled = _.template("hello: <%= name %>"); 
compiled({name : 'moe'}); 
=> "hello: moe" 

Así que, básicamente, que la mano de la función de plantilla de un objeto y la plantilla se ve dentro de ese objeto para los valores que utiliza en su plantilla; si usted tiene esto:

<%= property %> 

en su plantilla y se llama a la función de plantilla como t(data), entonces la función de plantilla buscará data.property.

Por lo general, a convertir el modelo de la vista a JSON y de la mano de ese objeto a la plantilla:

render: function (eventName) { 
    $(this.el).html(this.template(this.model.toJSON())); 
    return this; 
} 

No sé lo que su eventName es o lo que usted está planeando hacer con él, pero lo que necesita obtener un objeto con esta estructura:

data = { id: '...', emailId: '...', status: '...' } 

de alguna parte y mano que a la función de plantilla:

var html = this.template(data) 

para obtener algo de HTML para poner en la página.

Demo (con un modelo de falsa con fines ilustrativos): http://jsfiddle.net/ambiguous/hpSpf/

Answer 2

OptionalExtrasView = Backbone.View.extend({ 
    initialize: function() { 
     this.render(); 
    }, 
    render: function() { 
     // Get the product id 
     //var productid = $(this).attr("productid"); 
     var data = {name : 'moe'}; 

     var tmpl = _.template($('#pddorder_optionalextras').html()); 
     this.$el.html(tmpl(data)); 
    } 
}); 

    var search_view = new OptionalExtrasView({ el :  $('.pddorder_optionalextras_div')}); 

y justo antes de la etiqueta de cuerpo:

 <script type="text/template" id="pddorder_optionalextras"> 
    <%= name %> 
    </script>