1

我在主干中有一个应用程序，在主应用程序中我有一个事件单击元素，当我单击它时，我想在其中添加另一个应用程序及其集合模型......是集合的集合。我正在使用 require 我检索到的错误是：

Uncaught TypeError: Object [object Object] has no method 'addElement'

这是我的主要应用程序： 模型：

define(['backbone', 'collections/element'],function(Backbone, ElementCollection){
    var DesignModel = Backbone.Model.extend({
        initialize:function(){
            console.log('Initialized Design model');
            _.defaults(this, {
                elements: new ElementCollection()
            });
        },
        addElement: function(elements, options) {
            return this.elements.add(elements, options);
        }
    });

    return DesignModel;
});

收藏：

define(['backbone', 'models/design'], function(Backbone, DesignModel){

    var designCollection = Backbone.Collection.extend({
        model: DesignModel
    });

    return designCollection;
});

看法：

define(['jquery' , 'backbone', 'models/design', 'collections/design', 'views/element'], 
    function($, Backbone,  DesignModel, DesignCollection, ElementView){
    var DesignView = Backbone.View.extend({
        el:$('#page'),

        initialize: function(){
            console.log('initialize DesignView');
            this.collection = new DesignCollection();
            var here = this;
            $('#insert-dynamic-element').click(function(){
                var element = new ElementView();
                here.collection.addElement(element); 
            });
        },
        render: function(){
        }
    })

    return DesignView;
});

应用程序插入主要内部： 型号：

define(['backbone'],function(Backbone){
    var ElementModel = Backbone.Model.extend({
        defaults:{
            name:'Design',
            type:'img'
        },
        initialize:function(){
            console.log('Initialized Element model');
        }
    });

    return ElementModel;
});

收藏：

define(['backbone', 'models/element'], function(Backbone, ElementModel){

    var elementCollection = Backbone.Collection.extend({
        model: ElementModel
    });



    return elementCollection;
});

看法

define(['jquery' , 'backbone', 'models/element', 'collections/element'], 
    function($, Backbone,  ElementModel, ElementCollection){
    var ElementView = Backbone.View.extend({
        el:$('#page'),

        initialize: function(){
            console.log('initialize ElementView');
            this.collection = new ElementCollection();
        },
        render: function(){
        }
    })

    return ElementView;
});

我该如何解决这个问题？错误是当我在主应用程序中单击元素并且尝试制作时addElement

4

1 回答 1

1

该方法适用于DesignModel而不适用于DesignCollection

因此，当您调用此方法时，它会搜索Collection其中不存在导致错误的方法。

另外，当您可以选择使用 jQuery 处理事件时，为什么还要使用 jQuery 来绑定事件？Native Backbone events

要解决此问题，请将方法添加到集合中

define(['backbone', 'models/design'], function(Backbone, DesignModel){

    var designCollection = Backbone.Collection.extend({
        model: DesignModel,
        addElement: function(element, options) {
            return this.add(element, options);
        }
    });

    return designCollection;
});
于 2013-08-04T12:24:17.440 回答