Backbone.jsレンダリングでdivで折り返しをオフにする

Question

私はモデル投稿とコレクション投稿を持っています。 <select id="multi" multiple="multiple">にすべての投稿のリストを含むフォームを作成したいと考えています。だから、このテンプレートだけで#multi内にPostViewレンダリングを作成する必要があります：

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

最後に私はdivでラップします。このテンプレートを<div>でラップしない方法はありますか？

Answer 1

ビュー（クラス内またはインスタンス化中）にel（またはtagName）を定義しないと、ビューはdivタグ内に配置されます。 http://documentcloud.github.com/backbone/#View-el

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

UPDATE

v0.9.0を起動し、バックボーンはこれを成し遂げるためにview.setElement（要素）を持っています。

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

Answer 2

ビューは、あなたのHTMLをラップしたくない場合は、あなたはいくつかのことを行う必要があるでしょう：

1. が新しいel
に this.el完全
2. コールdelegateEventsを交換してください

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

骨格がを生成するためまたは他のタグ（ビューの設定ではtagNameに基づいています）を完全に置き換える必要があります。それは簡単です。しかし、そうすると、BackboneはjQueryのdelegateをワイヤリングするために使用するため、宣言されたイベントは失われます。宣言されたイベントを再び有効にするには、delegateEventsに電話し、イベント宣言を渡してください。

あなたのview.elは、あなたが望む<option>というタグになります。

Answer 3

バージョン0.9.0では、Backboneはこの操作を処理するためにview.setElement(element)を導入しました。