1

BackBoneコレクションを使用してリストを作成しようとしています。何らかの理由で、ページに印刷できません。

jsファイル

var DataCollection = Backbone.Collection.extend({
            model : dataModel
        });

        var dataModel = Backbone.Model.extend({
            defaults : {
                dataID : 'unknown',
                text : 'unknown',

            }
        });

        var link1 = new dataModel({ dataID: "1", text: "OMC" });
        var link2 = new dataModel({ dataID: "2", text: "Marvin Gaye" });
        var link3 = new dataModel({ dataID: "3", text: "OMC" });

        var myDataCollection = new DataCollection([ link1, link2, link3]);


   var threatData = {

                myDataCollection: myDataCollection
        };

    var compiledTemplate = Handlebars
                .compile(myTemplate);
        $('#myTable').html(
                compiledTemplate (threatData));

htmlファイル

<ul id="Linklist">
             {{#each myDataCollection}}
                <li><a data-id="{{dataID}}" href="#">{{text}}</a></li>
             {{/each}}
        </ul>
4

1 に答える 1

1

テンプレートのレンダリングを機能させるには、まず Backbone コレクションを JSON に変換する必要があります。

var threatData = {
            myDataCollection: myDataCollection.toJSON()
    };

デモ

于 2012-10-19T06:29:52.590 に答える