2

我收到Uncaught ReferenceError: _auditNumber is not defined错误，同时尝试使用backbone.js和underscore.js将我的模型绑定到视图

<script id="searchTemplate" type="text/template">

                        <div class="span4">
                            <p>"<%= _auditNumber %>"</p>
                        </div>
                            <div class="span4">
                            <p>"<%= _aic %>"</p>                            
                </script>

收藏

//Collection
var AuditsCollection = Backbone.Collection.extend({

    initialize: function() {

        this.on('add', this.render);
    },

    render: function() {

        _.each(this.models, function (item) {

            var _auditView = new AuditView({
                model: item
            });

            $("#audits").append(_auditView.render().el);
        });
    },
});

模型

var Audit = Backbone.Model.extend({

        url: function () {

            return myUrl;
        },
        defaults: {

            _auditNumber: "",
            _aic: "",           
        },
        parse: function (data) {

            data.forEach(function (auditItem) {
                var auditsCollection = new AuditsCollection();
                auditsCollection.add(JSON.stringify(auditItem));
            });
        }
    });

// Sub View
var AuditView = Backbone.View.extend({

    className: 'row-fluid',
    template: $("#searchTemplate").html(),

    render: function () {

        var tmpl = _.template(this.template);

        this.$el.html(tmpl(this.model.toJSON()));

        return this;
    }
});

我知道我缺少一些简单的东西，感谢您的帮助。

4

1 回答 1

2

2个问题（至少-考虑到有多少骨干教程，您有点不知所措）。

  1. 您的模型 URL 正在返回结果列表。这就是收藏的用途。您的模型应该获取一条记录，并且该parse方法必须返回模型的属性数据。如果您坚持使用教程，则不需要自定义url函数，也根本不需要自定义parse函数。

    var Audit = Backbone.Model.extend({
    url: function () {
        //This needs to be a url like /audits/42 for a single record
        return myUrl;
    },
    defaults: {
        _auditNumber: "",
        _aic: "",           
    },
    parse: function (data) {
        //this needs to return an object
        return data[0];
    }
});

  2. 您没有将有效的数据对象传递给您的模板函数。

    // Sub View
var AuditView = Backbone.View.extend({
    className: 'row-fluid',
    //compile template string into function once
    template: _.template($("#searchTemplate").html()),
    render: function () {
        //render template into unique HTML each time
        this.$el.html(this.template(this.model.toJSON()));       
        return this;
    }
});
于 2013-05-30T13:50:58.530 回答