Question

这是我的第一个骨干代码：）

如何在此处显示我的列表：

<title>list</title>
<ul id="container">
    <li>
        <%- name %>
    </li>
</ul>

JS：

  var app = {}; // create namespace for our app

        app.Mymodel = Backbone.Model.extend({
            defaults:
        {
            name: ''
        }
        });

        app.List = Backbone.Collection.extend({
            model: app.Mymodel,
            localStorage:new Store('vandaag')
        });

        // renders individual todo items list (li)
        app.MyView = Backbone.View.extend({
            el: '#container',
            initialize: function () {
                app.list = new app.List();
                app.list.add({ name: 'piet' });
                app.list.add({ name: 'ed' });
                this.render();
            },
            render: function(){
                this.$el.append(app.list);

                //var view = new app.MyView({ model: new app.Mymodel({name:'ed',city:'ny'}));
                //$('#todo-list').append(view.render().el);
            }
        });

        app.myView = new app.MyView();

的jsfiddle：http://jsfiddle.net/dingen2010/YBPG6/2/

Answer 1

首先创建模板。在下面的小提琴中，它是ID为list-template的模板。然后，您可以编译模板，向其添加数据并呈现视图。检查this更新的小提琴。

要了解下划线模板的工作方式，请尝试this。

如何通过backboneview显示列表？

1 个答案: