Question

我的应用程序中有非常复杂的表单，具有更新功能，用户可能只更改几个字段，单击“保存”按钮将数据提交给服务器。我的应用程序使用backbone，siphon，JQuery和underscoreJs。

使用这些可以在我的应用程序中的多个页面中使用的库，控制哪些字段可以发送到服务器的最佳方法是什么？像可重用功能这样的东西会有所帮助。

我尝试了model.changedAttributes()功能似乎没有按预期工作。大多数时候，它都是假的。我有以下代码，其中表单数据使用siphon进行序列化，然后将转换为我的应用程序特定格式以发送到API。

formSave: function(e) {
    var data = changeToWriteApiFormat(Backbone.Syphon.serialize($(e.currentTarget).closest('form.event_form')[0]));
    this.model.clear();
    this.model.id = this.parentObj.model.id;

    this.model.set(data);

    if (this.model.isValid(true)) {
      this.model.save(removeObjIndexCollection(data), {
          url: this.model.url().replace(gc.readApiUrl, gc.publishApiUrl),
          patch: true,
          beforeSend: ToolsHelper.setPublishHeader,
          success: function(model, response) {
            $('#event_success').show();
            $('#event_failure').hide();
          },
          error: function(model, response) {
            $('#event_failure').show();
            $('#event_success').hide();
          }

        }
      }

Answer 1

model.changedAttributes（）仅在你在this.model之前设置了一些属性时起作用，但是因为你通过this.model.clear（）; 它将返回false。

另外＆＃34;保存＆＃34;只有在验证返回有效时才会执行，您不必再调用isValid。

＆＃34;补丁：真＆＃34;属性是正确的，但只有在设置了以前的值时才会起作用。

试试这个：

formSave: function(e) {
    var data = changeToWriteApiFormat(Backbone.Syphon.serialize($(e.currentTarget).closest('form.event_form')[0]));

        this.parentObj.model.save(removeObjIndexCollection(data), {
           url: this.model.url().replace(gc.readApiUrl, gc.publishApiUrl),
           patch: true,
           beforeSend: ToolsHelper.setPublishHeader,
           success : function(model, response) {
               $('#event_success').show();
               $('#event_failure').hide();
           },
           error : function(model, response) {
               $('#event_failure').show();
               $('#event_success').hide();
           }

         }
}

编辑：这里是一个changedAttributes的例子：

var model = new Backbone.Model();

model.set({
    val1 : 'init',
    val2 : 'init'
});

// .. whatever

var newChangesFromForm = {
    val2 : "changed",
    val1 : 'init' // won't be set, because it's the same value
};
model.on('change', function() {
    var changes = model.changedAttributes();

    alert(JSON.stringify(changes));
});
model.set(newChangesFromForm);

仅提交骨干模型中已更改的字段

1 个答案: