提取后新保存的 Backbone 模型未出现在集合中

Question

我正在使用主干本地存储并遇到一些奇怪的行为。

我有一个定义、实例化和获取的模型和集合：

MyModel = Backbone.Model.extend({
        localStorage: new LocalStore('example-myModels')
        //note: LocalStore = Backbone.LocalStore -> https://github.com/jeromegn/Backbone.localStorage
});

MyCollection = Backbone.Collection.extend({
        model : MyModel,
        localStorage: new LocalStore('example-myModels')
});

var myCollection = new MyCollection();
myCollection.fetch(...);

然后，此集合将作为列表显示给用户。用户可以向集合中“添加”一个项目，最终生成以下代码：

var newModel = new MyModel();
newModel.save(newModelAttributes, {
    success: function(newlySavedModel) {
        myCollection.add(newlySavedModel);
    }
);

此时 myCollection 有了新添加的模型，我可以在我的 localStorage 数据库中看到成功创建的记录：

预存本地存储：

保存后的本地存储：

用户添加记录后的下一步是返回列表，此时再次获取集合：

myCollection.fetch();

现在 myCollection 不再包含新记录。无论我获取多少次，都不会检索到新记录——即使我可以在我的 localStorage 数据库中看到它。我也尝试过创建 Collection 的新实例并获取它，但它会产生相同的结果。如果我重新加载浏览器，新记录会按预期显示。有人知道发生了什么吗？我觉得我在这里缺少一些基本的东西......

可在此处找到重现该问题的运行示例：http://jsbin.com/iyorax/2/edit（确保控制台可见并单击“使用 JS 运行”）

提前致谢！

Answer 1

我有一个使用 Backbone.localstorage 的应用程序，对我有用的是我首先将模型添加到集合中，然后调用 save 到模型中。像这样。

var newModel = new MyModel();
myCollection.add(newModel)
newModel.save();

我不是 100% 确定，但我的理由是，您的模型已保存，但您的集合未保存，并且可能没有更新索引，并且在您调用 fetch 时，您正在获取未更新的集合。

希望对您有所帮助。

Answer 2

我能想到模型不存在于集合中的唯一原因是ID重复

我没有看到模型上定义的 IdAttribute。有时这可能是个问题。

Answer 3

您的模型和您的集合需要共享对同一个 LocalStore 实例的引用，而现在您正在创建两个不同的对象。要解决此问题，请在模型或集合之外创建 LocalStore 对象，并在模型和集合的构造函数中传入对它的引用。