Backbone.js模型的destroy方法不会触发成功或错误事件

Question

我开始学习Backbone.js,我从这个样板开始,通过从磁盘上的静态文件加载JSON数据并在html表中显示它来做一个例子.

然后我尝试在一个按钮上绑定一个事件,该按钮应该从集合中删除一个元素,然后从DOM中删除.工作正常,点击触发destroy方法,remove事件在集合上触发,但没有任何东西来自success或error回调destroy

有人有线索吗？

该模型 :

define([
  'underscore',
  'backbone'
], function(_, Backbone) {
  var memberModel = Backbone.Model.extend({
    url: "/members.json",
    defaults: {
      email: "",
      firstname: "",
      lastname: "",
      gender: "",
      language: "",
      consent: false,
      guid: "",
      creationDate: ""
    },
    initialize: function(){
    }

  });

  return memberModel;

});

风景 :

define([
  'jquery',
  'underscore',
  'backbone',
  'mustache',
  'collections/members',
  'text!templates/members/page.html'
], function($, _, Backbone, Mustache, membersCollection, membersPageTemplate){
  var membersPage = Backbone.View.extend({
    el: '.page',
    initialize: function(){
        this.members = new membersCollection();

        this.members.on('remove', function(){
                // works fine
            $('.members-body tr').first().remove();
            console.log('removed from collection');
        });
    },

    render: function () {
        var that = this;

        this.members.fetch({success: function(){

            var wrappedMembers = {"members" : that.members.toJSON()};

            that.$el.html(Mustache.render(membersPageTemplate, wrappedMembers));

            $('#delete-member').click(function(){
                that.members.at(0).destroy({ 
                        // prints nothing!!!
                    success: function(){ console.log('sucess'); }, 
                    error: function(){ console.log('error'); }
                });

            });

        }});

    }
  });
  return membersPage;
});

Answer 1

我同意这很奇怪.我还不完全确定发生了什么,但这是我怀疑的......

您的Destroy()调用未返回有效的JSON.

• 看着萤火虫,小提琴手或其他什么,你的破坏()反应是什么样的？
• 我也很好奇that你的删除点击功能何时被触发.
• destroy是否返回false或jqXHR对象？

骨干有一点脱节(至少我起初对我而言).在调用destroy()或获取/保存时,呼叫是异步的.通话结束后,立即触发删除事件,您的收藏可以响应.但是,在文档中深入挖掘,另一个事件被激活了删除的确认:

和 "同步"事件,之后服务器已经成功确认了模型的缺失

所以你的收藏是基于删除成功的假设.如果您希望您的收藏集响应已确认的删除,请查找该sync活动.

这留下了一个唠叨点 - 为什么你的错误处理程序不会被触发？好吧,回调旨在响应删除的确认.但我敢打赌,JS调用堆栈不知道如何解释它回来的响应,作为成功或错误.你可能偶然发现了AJAX的现实.我发现在backbone,jquery和其他一些框架中你可以混淆ajax错误处理.谷歌"未调用jquery ajax错误",你会发现许多不同的场景,其中没有触发错误事件.

UPDATE

在来回评论之后......发生了两件事情.首先,您的模型被视为"新",这意味着调用Destroy()不会发出服务器请求.因此,您的成功/错误不会触发.看到这个提交.

话虽如此,我认为你不认为你的模型是新的(没有持久到服务器).你需要做两件事之一.在模型映射中包含名为id OR的属性,模型ID(guid我假设)为模型的ID.通过将以下行应用于您的模型,可以轻松进行映射:idAttribute: "guid".您可以在此处查看有关idAttribute的更多信息.