this.model不是一个函数

时间:2017-04-24 11:24:49

标签: javascript jquery backbone.js

EDITED 我正在尝试销毁或设置或其他功能使用,但我的错误是

Uncaught TypeError: this.model.destroy is not a function

看起来代码上没有错误

我的代码

define(['jquery',
    'underscore',
    'backbone',
    'handlebars',
    '/resources/app/models/TravelModel.js',
    ], function ($, _, Backbone, Handlebars, Travel) {

     var addAdminPanelView = Backbone.View.extend({

            el:$(".page"),
            model:Travel,
            events:{
                'click #editButton':'editEvent',
            },

            deleteEvent:function(){

                this.model.destroy(),
                });

            },

1 个答案:

答案 0 :(得分:2)

mikeapr4's assumption是正确的。

你的Travel模型可能(应该是)这样的东西:

define(['Backbone'], function(Backbone) {
    return Backbone.Model({
        // ...
    });
});

因此,在您看来,当您调用this.model.destroy()时,它等同于调用Travel.destroy(),因为Travel不是实例,而是构造函数,所以它不起作用。

Backbone Collection确实为其model property采用模型构造函数,但Backbone View需要一个实例。

您需要初始化视图并创建Travel实例。

// Uppercase since it's a type, not an instance.
var AddAdminPanelView = Backbone.View.extend({
    el: $(".page"),
    events: {
        'click #editButton': 'editEvent',
    },

    // initialize the view with a Travel instance
    initialize: function() {
        this.model = new Travel();
    },

    deleteEvent: function() {
        this.model.destroy(),
    }
});

或者在视图的构造上传递Travel实例作为选项。

var travelInstance = new Travel();

var view = new AddAdminPanelView({
    model: travelInstance
});