Question

在我的骨干/木偶应用程序中提交表单后，我在保存现有模型时遇到问题。

因此，我提交表单并使用backbone.syphon来创建表单数据的表示。我构建的对象如下所示：

{languages: {
    {
        de_DE: {
            default: false
            enabled: true
        },
        en_US: {
            ...
        }
        ...
    }
}

我正在尝试将其保存到骨干模型中，其属性如下所示：

attributes: {
    id: "5"
    languages: {
        de_DE: {
             default: false,
             label: "German"
             language: "de_DE"
             selected: false
         },
         en_CA: {
         ...
         },
         ...
     }
}

问题在于，当我使用model.save(data)使用上述数据结构保存现有模型时，默认和标签实例将从我的模型中完全删除。他们甚至没有被发送到服务器。它们只是被完全删除，但它们确实位于previousAttrs对象中。

我模型的同步设置实例看起来如此：

sync: function(method, model, options){
    var baseUrl = window.location.origin+'/qp-api/v1/master-app/';

    var config = {}

    switch(method){
         case "create":
         break;
         case "read":
             config = _.extend(config, {
                 method: "GET",
                 url: baseUrl+this.id+'/languages'
             });
         break;
         case "update":
             config =_.extend({
                 method: "PUT",
                 url: baseUrl+this.id+'/languages'
             });
        break;
        case "delete":
        break;
    };
    options = _.extend(options, config);

    return Backbone.Model.prototype.sync.call(this, method, model, options);
},

我做错了什么？我认为骨干的保存功能只会更新已更改的attrs。在我看来，我的数据对象应该映射到我的模型attrs的设置。他们不应该只是更新吗？我不了解现有模型如何保存？

Answer 1

首先，我想提一下，进行此类检查if(languages.save(data){ .... })并不是一个好主意。 model.save()将返回promise object，因此您的if条件将无法按预期运行。

您的问题的解决方案之一是覆盖语言模型的save方法。

var Languages = Backbone.Model.extend({ 
   // Declaration of you model 
   save: function (attrs, options) { 
   // merge attrs here with defaults/initial values
   return this.constructor.__super__.save.call(this, attrs, options); 
   } 
})

希望这有帮助！

表单数据保存时销毁的模型属性

1 个答案: