Question

我尝试使用backbone.js和underscore.js将我的模型绑定到视图时出现未捕获的ReferenceError：_auditNumber未定义错误

<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;
    }
});

我知道我遗漏了一些简单的东西，感谢任何帮助。

Answer 1

2个问题（至少 - 考虑到有多少骨干教程，你在杂草中有点不对。）

您的模型网址会返回结果列表。这就是收藏品的用途。您的模型应该获取单个记录，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];
    }
});

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

// 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;
    }
});

Backbone.js未捕获的ReferenceError：未定义x

1 个答案: