ExtJS 4.2: несколько вставок

Я думаю, что вы не возвращаете правильные данные со стороны сервера при создании. Если вы не вернете идентификатор, созданный сервером при первой вставке, ExtJS все равно будет думать, что ваш элемент «говорит» является phantom. То есть он еще не был сохранен на стороне сервера.

Когда вы сделаете вторую вставку, магазин выполнит синхронизацию, поскольку у вас включена автосинхронизация. Синхронизация отправит ВСЕ ожидающие изменения. Поскольку ваш элемент «привет» новый, он будет отправлен в POST, как и ожидалось. Но поскольку ваш предыдущий элемент «привет» не имеет идентификатора, сгенерированного сервером, и все еще является фантомом, он также будет отправлен в POST с вашей второй синхронизацией (запущенной вставкой).

По сути, сервер должен вернуть новый идентификатор с набором результатов успеха, чтобы 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
}

Все поля в модели обновляются данными в ответе сервера, и, таким образом, ваши приветственные элементы получат свой набор идентификаторов сервера. Когда идентификатор установлен, для свойства фантома устанавливается значение false. Вы можете посмотреть исходный код в js-файле Ext.data.Model, если хотите копнуть глубже. :)

В вашем случае вы должны иметь 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
});

Таким образом, вы можете добавить свой второй элемент в обработчик успеха сохранения первого элемента.