Backbone.js che disattiva l'involucro di rendering nel rendering

Question

Ho post di modello e post di raccolta. E voglio fare la forma con la lista di tutti i post in <select id="multi" multiple="multiple">. Quindi devo fare un postview rendere dentro il mio # Multi proprio con questo modello:

<option value=""><%= title %></option> 

Ma alla fine ho capito avvolto con div. C'è qualche soluzione per non avvolgere questo modello con <div>?

Answer 1

Se non si definisce el (o tagName) per la vista (nella classe o durante l'istanziazione) la vista verrà inserita all'interno di un tag div. http://documentcloud.github.com/backbone/#View-el

var PostView = Backbone.View.extend({ 
    tagName: 'option' 
}); 

UPDATE

v0.9.0 partenza, Backbone ha view.setElement (elemento) per ottenere questo fatto.

var PostView = Backbone.View.extend({ 
    initialize: function() { 
     var template = _.template('<option value=""><%= title %></option>'); 
     var html = template({title: 'post'}); 
     this.setElement(html); 
    } 
}); 

Answer 2

Se non si desidera avere la vista avvolgere il vostro HTML, dovrete fare un paio di cose:

1. Sostituisci this.el interamente
2. chiamata delegateEvents sul nuovo el

render: function(){ 
    var html = "some foo"; 
    this.el = html; 
    this.delegateEvents(this.events); 
} 

Dal Backbone genera un div o altro tag (in base all'impostazione tagName per la vista), è necessario sostituirlo interamente. È facile da fare. Quando lo fai, però, perdi gli eventi dichiarati perché Backbone usa il delegate di jQuery per collegarli. Per riattivare gli eventi dichiarati, chiama delegateEvents e passa le dichiarazioni degli eventi.

Il risultato è che il tuo view.el sarà il tag <option> che desideri e niente di più.

Answer 3

Nella versione 0.9.0, Backbone ha introdotto view.setElement(element) per gestire questa operazione.