store.remove रद्द ExtJS 4 में सर्वर कॉल के बाद

Question

मैं ExtJS 4 का उपयोग कर रहा है और एक ajax प्रॉक्सी और एपीआई के साथ एक Ext.data.Store है:

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 
       }); 
      } 
     } 
    ... 

जब मैं अद्यतन समारोह और अपने सर्वर का उपयोग success:false के साथ एक जेसन ऑब्जेक्ट देता है (क्योंकि उसने कुछ गलत दर्ज किया है) मेरे संबंधित ग्रिड में फ़ील्ड अभी भी बदल गया है और उपयोगकर्ता के पास अपना गलत मान बदलने का विकल्प है।

यह ठीक काम करता है।

लेकिन जब मैं दुकान से एक रिकॉर्ड को दूर ...

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

... तो ExtJS की दुकान से इस रिकॉर्ड के पहले दूर करता है और AJAX API बाद में कहते हैं। तो जब नष्ट एपीआई success:false देता है तो संदेश अपडेट एपीआई जैसे अपवाद के रूप में दिखाया जाता है, ठीक है, लेकिन मेरा रिकॉर्ड स्टोर से हटा दिया गया है! उदाहरण के लिए सर्वर से अपवाद कहता है कि आप इस रिकॉर्ड को हटा नहीं सकते क्योंकि यह स्टोर में पहले से ही हटा दिया गया है।

सर्वर सिंक के बाद स्टोर हटाने को कैसे रद्द करें? यदि सर्वर success:false देता है तो मैं स्टोर में रहने के लिए रिकॉर्ड चाहता हूं।

कोई विचार? शायद एक बग?

---

अद्यतन समाधान

रयान के anwer आधार पर, मैं निम्नलिखित के रूप में अपवाद श्रोता है, जो बहुत अच्छी तरह से काम करता है संशोधित:

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

बस, कोड दिया था विस्तार विशेष रूप से listeners क्षेत्र:

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

मैं model.destroy उपयोग कर रहा हूँ, इस मैं ग्रिड से विलक्षण प्रविष्टियों को हटाने के लिए करते हैं:

   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

डालने तकनीक मेरे लिए काम नहीं किया, हटाया रिकॉर्ड अगले समन्वयन कार्रवाई पर हटाने के लिए चिह्नित रहता है। मैं इस उद्देश्य के लिए Ext.data.Store.rejectChanges() का उपयोग कर रहा हूं।

Answer 4

मैं सिंक होने पर कॉलबैक फ़ंक्शंस 'सफलता', 'विफलता' या 'कॉलबैक' का उपयोग कर रहा हूं। मुझे आशा है कि यह विधि आपकी मदद कर सकती है।

store.remove(records); 
store.sync({ 
    success: function (proxy, operations) { 
     // pop success message 
    }, failure: function (proxy, operations) { 
     // resume records 
     store.rejectChanges(); 
    } 
});