Rendering Backbone.js Collection as a select list

Question

I\'m trying to render a Backbone.js collection as a select list using an Underscore.js template, and the list isn\'t getting populated. The select elem

Answer 1

You have a couple different problems.

1. Your template is trying to put the elements after the instead of inside it. This will produce invalid HTML and the browser will butcher that once you get anything out of your template.
   rates is a Backbone collection so it already has access to Underscore's each; wrapping it as _(rates) just confuses Underscore and prevents any iterations from happening.
   Inside the iteration, rate is a Backbone model instance so it won't have a duration property, you have to say rate.get('duration').

   Your template should look more like this:

   Demo: http://jsfiddle.net/ambiguous/AEqjn/

   Alternatively, you can just fix the nesting error in your template to produce valid HTML:

   and use toJSON() in your view to feed raw data to your template rather than the collection itself:

   var rate_select_template = _.template($("#rate_select_template").html(), {
       rates: this.rates.toJSON(),
       labelValue: 'Something'
   });
   

   Demo: http://jsfiddle.net/ambiguous/VAxFW/

   I think the latter one is what you were aiming for as that would a more standard approach to working with templates in Backbone.

   0 讨论(0)
   发布评论: