Backbone.js wyłącza zawijanie przez div w renderowaniu

Question

Mam model Post and collection Posts. I chcesz utworzyć formularz z listą wszystkich postów w <select id="multi" multiple="multiple">. Więc muszę zrobić renderowanie PostView wewnątrz mojego #multi z tym właśnie szablonem:

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

Ale w końcu dostaję to zapakowany z div. Czy istnieje jakieś rozwiązanie, aby nie zawinąć tego szablonu za pomocą <div>?

Answer 1

Jeśli nie zdefiniujesz el (lub tagName) dla widoku (w klasie lub podczas tworzenia), widok zostanie umieszczony wewnątrz znacznika div. http://documentcloud.github.com/backbone/#View-el

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

UPDATE

Zaczynając v0.9.0, Backbone ma view.setElement (element), aby to zrobić.

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

Answer 2

Jeśli nie chcesz mieć widok owinąć HTML, musisz zrobić kilka rzeczy:

1. Wymień this.el całkowicie
2. połączenia delegateEvents na nowym el

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

Od Backbone generuje div lub inny znacznik (na podstawie ustawienia tagName dla widoku), należy go całkowicie zastąpić. To łatwe. Gdy to zrobisz, utracisz zadeklarowane zdarzenia, ponieważ Backbone używa pod kodem jQuery delegate, aby je połączyć. Aby ponownie włączyć zadeklarowane zdarzenia, zadzwoń pod numer delegateEvents i podaj deklaracje zdarzeń.

W rezultacie numer view.el będzie oznaczony jako <option> i nic poza tym.

Answer 3

W wersji 0.9.0 szkielet wprowadził view.setElement(element) do obsługi tej operacji.