7

我开始学习 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;
});
4

1 回答 1

7

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

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

  • 看萤火虫、提琴手或其他什么，你的 destroy() 响应是什么样的？
  • 我也很好奇that您的删除单击功能何时被触发。
  • destroy 是否返回 false 或 jqXHR 对象？

骨干网有点脱节（至少一开始我是这样的）。当为此调用destroy()或获取/保存时，调用是异步的。调用后立即触发删除事件，您的集合可以响应。但是，在文档中深入挖掘，另一个事件被触发确认删除：

和“同步”事件，在服务器成功确认模型删除后

因此，您的集合是在删除成功的假设下进行的。如果您希望您的收藏响应确认的删除，请查找该sync事件。

这留下了一个令人烦恼的问题——为什么你的错误处理程序没有触发？好吧，回调旨在响应删除的确认。但我敢打赌，JS 调用堆栈不知道如何将它返回的响应解释为成功或错误。您可能偶然发现了 AJAX 的现实。我在骨干网、jquery 和许多其他框架中发现，您可能会混淆 ajax 错误处理。谷歌“未调用 jquery ajax 错误”，您会发现许多未触发错误事件的不同场景。

更新

在来回评论之后……发生了两件事。首先，您的模型被认为是“新的”，这意味着Destroy()不发出服务器请求的调用。因此，您的成功/错误不会触发。请参阅此提交。

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

于 2012-05-15T03:24:37.417 回答