バックボーンクライアントテンプレートにモデルをバインド

Question

I次BACKBONE.JSクライアント側のテンプレートを持っている：

<script id="calleeTemplate" type="text/x-jquery-tmpl"> 
<tr style="background-color: ${StatusColour}"> 
    <td class="responder">${ContactFullName}</td> 
    <td class="status" style="width:200px">${Status}</td> 
    <td class="replied">${Replied}</td> 
    <td class="wauto">${Response}</td> 
</tr> 
</script> 

これらのプロパティにバインドすることを可能にするために、私は、ビューのrenderメソッドを次のようしています。

App.Views.Callees = Backbone.View.extend({ 
    initialize: function() { 

    }, 
    el: $('#calleesStatuses'), 
    render: function() { 
    var col = _.map(this.collection.models, function (item) { 
     return item.attributes; 
    }); 

    $('#calleesStatuses').html(''); 
    $('#calleeTemplate').tmpl(col).appendTo(this.el); 
    } 
}); 

モデルのアンダースコア_.map関数を使用して属性を抽出する必要があります。なぜなら、バックボーンは.get("property")を使ってプロパティ値を抽出しているからです。

これは私にとっては正しいとは思わないが、何か間違っているのだろうか？

Answer 1

あなたは正しく、tmplで簡単に使用できるようにデータを変換する必要があります。

ただし、属性に直接アクセスするのではなく、toJSONを使用することをお勧めします。 .modelsも直接呼び出すことを避けるのが最善の方法です。

とにかく必要はありません。バックボーンコレクションには、一連のunderscore.js列挙子があります。したがって、1行に変換することができます。

var col = this.collection.invoke('toJSON')