未在集合中实例化主干模型

Backbone model not instantiating in collection

本文关键字：模型 实例化 集合      更新时间：2023-12-13

我有一个类似的主干模型

define([
'underscore',
'backbone'
],function( _,Backbone) {
    var Task =  Backbone.Model.extend({
        //api url
        url:'',
        methodToURL: {
        'read': './api/tasks/index',
        'create': './api/tasks/task',
        'update': './api/tasks/task',
        'delete': './api/tasks/task'
        },
        sync: function(method, model, options) {
            options = options || {};
            options.url = this.methodToURL[method.toLowerCase()];
            Backbone.sync(method, model, options);
        }
    });
    return Task;
});

和一个收集

define(['underscore','backbone','models/task'],function( _,Backbone,Task) {
    var TaskCollection = Backbone.Collection.extend({
        //Model
        model:Task,
        //api url
        url:'',
        methodToURL: {
        'read': './api/tasks/index',
        'create': './api/tasks/task',
        'update': './api/tasks/task',
        'delete': './api/tasks/task'
        },
        sync: function(method, model, options) {
            options = options || {};
            options.url = this.methodToURL[method.toLowerCase()];
            Backbone.sync(method, model, options);
        },
        //construct
        initialize: function() {
            this.sort_key = 'end';
            this._model = new Task();
            this.fetch();
        },
        comparator: function(a,b) {
            a = a.get(this.sort_key);
            b = b.get(this.sort_key);
            return a > b ?  1
                 : a < b ? -1
                 :          0;
        },
        mark_complete: function(task_id) {
            var task_status = 0;
                    console.log(this.model);
            this.model.save({id:task_id,task_status:task_status});
        },
        mark_incomplete: function(task_id) {
            var task_status = 1;
                    console.log(this.model);
            this.model.save({id:task_id,task_status:task_status});
        },
        sort_by_status: function() {
            this.sort_key = 'task_status';
            this.sort();
        },
        sort_by_task_tag: function() {
            this.sort_key = 'task_group';
            this.sort();
        }
    });
    return TaskCollection;
});

当运行mark_complete方法时，模型会被记录到控制台，但它会记录"function (){ parent.apply(this, arguments); }"并表示"function (){ parent.apply(this, arguments); } has no method 'save'"；我猜模型应该被实例化，这样集合就可以访问它的方法，那么问题出在哪里呢？

model属性只是Collection在向集合添加模型时使用的构造函数。当您尝试将数据输入到集合时，它旨在使您的生活更轻松。在向TaskCollection添加Task模型时，您不必总是调用构造函数，只需输入一个JavaScript对象，它就会执行同样的操作。

因此，当您希望插入模型而不将model属性设置为TaskCollection 时，您的代码就是这样的

taskCollection.add(new Task({ 
    name: "Get Milk",
    description: "We're out of milk. There's a sale going on at the local supermarket." 
}));
// If you wanted to just input just the JSON object without calling the
// constructor, then you can't.

如果设置了model属性，那么您的代码就是这样的

taskCollection.add({
    name: "Get Milk",
    description: "We're out of milk. There's a sale going on at the local supermarket." 
});

正如您所看到的，您不需要调用Task构造函数；CCD_ 11的实例将为您调用它。

这就是为什么TaskCollection的实例将只将model属性设置为Task的实际构造函数，而不是初始化版本。

相关文章：