ExtJS 4.2 : Multiple Inserts

Question

好吧，假设我有一个商店服务器端，所以我们正在远程执行所有操作。商店示例:

   Ext.create('Ext.data.Store', {
        model: 'MyApp.model.ContactModel',
        remoteFilter: true, 
        remoteSort: true,
        autoLoad: true,
        autoSync: true,
        storeId: 'ContactStore-1'
    });
   Ext.create('Ext.data.Store', {
        model: 'MyApp.model.ContactModel',
        remoteFilter: true, 
        remoteSort: true,
        autoLoad: true,
        autoSync: true,
        storeId: 'ContactStore-2'
    });

我在执行以下操作时遇到了问题:

Ext.getStore('ContactStore-1').insert(0,{'name':'say'});
Ext.getStore('ContactStore-2').insert(0,{'name':'hi'});

发生的事情是，当我查看数据库时，我最终得到了 2 个条目。我得到一次“嗨”和“说”两次。从它的外观来看，正在发生的事情是第一个插入语句被发送，然后第二个插入语句被发送，但是来自两个插入的数据(我假设这是因为它们共享相同的模型，因此共享相同的代理)

关于如何解决此问题以使其不会自动合并插入请求的想法？

为您的观赏乐趣打造的模型:

Ext.define('MyApp.model.ContactModel', {
extend: 'Ext.data.Model',

idProperty: 'idContact',

fields: [
    {
        name: 'idContact',
        type: 'int'
    },
    {
        name: 'name',
        type: 'string'
    }
],

proxy: {
    type: 'direct',
    api: {
        create: contact.createRecord,
        read: contact.getResults,
        update: contact.updateRecords,
        destroy: contact.destroyRecord
},
    reader: {
        type: 'json',
        root: 'data'
    }
}
});

Answer 1

我认为您在创建时没有从服务器端返回正确的数据。如果您不返回服务器在第一次插入时创建的 ID，ExtJS 仍会认为您的“say”项目是一个幻影。也就是说，它还没有存储在服务器端。

当您进行第二次插入时，商店将在您启用自动同步时进行同步。同步将发送所有挂起的更改。由于您的“嗨”项目是新的，因此将按预期在 POST 中发送。但是由于您之前的“hi”项目没有服务器生成的 id 并且仍然是幻影，它也将在您的第二次同步(由插入触发)的 POST 中发送。

基本上，服务器必须返回带有成功结果集的新 ID，以便 ExtJS 知道该项目已被服务器存储。这是我的 REST API 中的示例:

请求具有此有效负载(检查 Chrome 开发者工具网络选项卡)。

POST to http://localhost:8081/api/channel?_dc=1372594759864

{"id":0,"number":0,"name":"test"}

这是服务器响应(200 OK):

{
  "result": {
    "id": 4, // <- important
    "number": 3,
    "name": "test",
  },
  "success": true,
  "location": "http://localhost:8081/api/item/4",
  "userMessage": null,
  "userTitle": "Success",
  "devErrors": null
}

模型中的所有字段都由服务器响应中的数据更新，因此您的 hi 和 say 项目将设置其服务器 ID。设置 id 时，幻像属性设置为 false。如果您想深入了解，可以查看 Ext.data.Model js 文件中的源代码。 :)

在您的情况下，您必须在返回的对象中包含 idContact，因为那是您的 idProperty。

如果您想暂停自动同步，请手动执行插入和同步，然后重新打开自动同步，您可以使用 SuspendAutoSync和 ResumeAutoSync .

在我看来，将模型添加到商店的最佳方式是创建您的模型，保存它，并在成功后将其放入商店。这要求您在每个模型中都有代理。这看起来像这样:

var hi = Ext.create('MyApp.model.ContactModel', {
    name: 'hi'
});

hi.save({
    success: function (record, operation) {
        Ext.getStore('ContactStore-1').add(hi);
        // You could do your second insert here that is dependent on the first to be completed
    },
    failure: function (record, operation) {
        Ext.MessageBox.alert("Error", "Could not save model at this time...");
    },
    scope: this
});

通过这种方式，您可以将第二个项目添加到第一个项目保存的成功处理程序中。