Anuluj store.remove po wywołaniu serwera w ExtJS 4

Question

Używam ExtJS 4 i mają Ext.data.Store z ajax pełnomocnika i API:

var gridStore = Ext.create('Ext.data.Store', { 
    autoSync: true, 
    proxy: { 
     type: 'ajax', 
     api: { 
      read: 'myurl', 
      create: 'myurl', 
      update: 'myurl', 
      destroy: 'myurl' 
     }, 
     reader: { 
      type: 'json', 
      successProperty: 'success', 
      root: 'data', 
      messageProperty: 'message' 
     }, 
     writer: { 
      type: 'json', 
      writeAllFields: false, 
      root: 'data' 
     }, 
     listeners: { 
      exception: function(proxy, response, operation){ 
       Ext.MessageBox.show({ 
        title: 'Server error', 
        msg: operation.getError(), 
        icon: Ext.MessageBox.ERROR, 
        buttons: Ext.Msg.OK 
       }); 
      } 
     } 
    ... 

Kiedy korzystać z funkcji aktualizacji i mój serwer zwraca obiekt json z success:false (ponieważ wprowadził coś nieprawidłowego) pole w mojej powiązanej siatce jest nadal oznaczone jako zmienione, a użytkownik ma możliwość zmiany swojej niewłaściwej wartości.

To działa dobrze.

Ale kiedy wyjąć płytę ze sklepu ...

var store = Ext.StoreManager.lookup('gridStore'); 
store.remove(store.getById(id)); 

... ExtJS następnie usuwa tę płytę ze sklepu pierwszy i wywołać ajax api później. Więc kiedy niszczy api zwróci success:false, wiadomość zostanie pokazana jako wyjątek, jak w api aktualizacji, to w porządku, ale mój rekord został usunięty ze sklepu! Przykład: wyjątek od serwera mówi, że nie można usunąć tego rekordu z powodu czegokolwiek, ale został już usunięty ze sklepu.

Jak anulować usuwanie sklepu po synchronizacji serwera? Chcę, aby rekord pozostał w sklepie, jeśli serwer zwróci success:false.

Każdy pomysł? Może błąd?

---

UPDATE ROZWIĄZANIE

podstawie anwer Ryana, I zmodyfikowane słuchacza wyjątek jako następujące, które działa bardzo dobrze:

listeners: { 
    exception: function(proxy, response, operation){ 
     Ext.MessageBox.show(...); 
     // get the removed records and insert them where they have been 
     var removedRecords = gridStore.getRemovedRecords(); 
     for(var i=0; i<removedRecords.length; i++){ 
      var record = removedRecords[i]; 
      gridStore.insert(record.index, record); 
     } 
    } 
} 

Answer 1

Wystarczy rozszerzenie kodu dałeś, a konkretnie listeners obszar:

listeners: { 
     exception: function(proxy, response, operation){ 
      Ext.MessageBox.show({ 
       title: 'Server error', 
       msg: operation.getError(), 
       icon: Ext.MessageBox.ERROR, 
       buttons: Ext.Msg.OK 
      }); 
      gridStore.add(gridStore.getRemovedRecords()); 
     } 
    } 

Answer 2

Używam model.destroy, to co ja używać do usuwania pojedynczej wpisy z siatki:

   text : 'Delete', 
       itemId : 'delete', 
       scope : this, 
       handler : function() { 
        var selection = grid.getView().getSelectionModel().getSelection()[0]; 
        if(selection) { 
         selection.destroy({ 
          failure : function() { 
           console.log('Record could not be deleted.'); 
          }, 
          success : function() { 
           store.remove(selection); 
           console.log('Record successfuly removed.'); 
          }, 

         }); 
        } 
       } 

Answer 3

technika Wkładka nie działa dla mnie, usunięto zapis pozostaje zaznaczone do usunięcia w następnej operacji synchronizacji. Używam do tego celu Ext.data.Store.rejectChanges().

Answer 4

Używam funkcji zwrotnych "sukces", "niepowodzenie" lub "oddzwanianie" podczas synchronizacji. Mam nadzieję, że ta metoda może ci pomóc.