データストアを読み込むときにUncaught例外が発生するのはなぜですか？

Question

DataStore（ExtJS 4）が付いているGridPanelがあります。ユーザーが行を選択して削除ボタンをクリックすると、選択したレコードのIDを使用してPOSTリクエストをサーバーに送信し、レコードを削除してからデータストアを再ロードします。

レコードが正常に削除された場合、サーバーはOKというステータスコードを返します。ユーザーがGridPanelのLAST ROWを選択した場合でも、私は次のエラーを取得する：

Uncaught TypeError: Cannot read property 'id' of undefined

私はGrid PanelまたはDataStoreには他のイベントを持っていません。ここで

は私の削除コードです：私は間違っ

function deleteTEDetailExceptions() { 
    try { 

     if(tedetailExceptionsEditorGrid.getSelectionModel().selected.length < 1) { 
     statusMessage("Please select an exception first", true); 
     return; 
     } 

     var record = tedetailExceptionsEditorGrid.getSelectionModel().selected.items[0]; 
     currentTEDetailExceptionKey = record.data["tedetailExceptionKey"]; 

     // send the delete request 
     Ext.Ajax.request({ 
     url: '/timesheets/action.do', 
     method: 'POST', 
     params:{ 
      tedetailExceptionKey : currentTEDetailExceptionKey, 
      type     : "tedetailExceptions", 
      "delete"    : "true" 
     }, 
     success: function(response) { 
      if(response.statusText == "OK") { 
       tedetailExceptionsEditorGrid.getSelectionModel().clearSelections(); 
       TEDetailExceptionsStore.remove(record); 

       // reload the store 
       Ext.Function.defer((function(){ 

        TEDetailExceptionsStore.load({ 
        params:{ 
         timeEntryDetailKey : timeEntryDetailKey, 
         type    : "tedetailExceptions" 
        } 
        }); 
       }),250); 
      } 
     } 
     }); 

    } 
    catch(e) { 
     console.log(e); 
    } 
} 

何をしているのですか？私は次のコードで問題を解決するために管理

EDIT

。私が必要としなかったときにデータストアをリロードするのはかなり愚かでした！

function deleteTEDetailExceptions() { 
    try { 

     if(tedetailExceptionsEditorGrid.getSelectionModel().selected.length < 1) { 
     statusMessage("Please select an exception first", true); 
     return; 
     } 

     var record = tedetailExceptionsEditorGrid.getSelectionModel().selected.items[0]; 
     tedetailExceptionsEditorGrid.getView().refresh(); 

     currentTEDetailExceptionKey = record.data["tedetailExceptionKey"]; 

     // send the delete request 
     Ext.Ajax.request({ 
     url: '/timesheets/action.do', 
     method: 'POST', 
     params:{ 
      tedetailExceptionKey : currentTEDetailExceptionKey, 
      type     : "tedetailExceptions", 
      "delete"    : "true" 
     }, 
     success: function(response) { 
      if(response.statusText == "OK") { 
       TEDetailExceptionsStore.remove(record); 
      } 
     } 
     }); 

    } 
    catch(e) { 
//  console.log(e); 
    } 
} 

Answer 1

レコードを削除した後にデータを再読み込みする理由がわかりません。ページングツールバーも使用していますか？

ExtJsは明らかに、最後の行にレコードがあり、データストアをリロードする前にTEDetailExceptionsStore.removeAll（）を呼び出そうとしたときに、すべてのデータをリロードしていると考えています。

また、ストアからレコードを削除した後、グリッドビューを更新することもできます。 grid.getView（）。refresh（）これにより、最後の行にレコードが含まれていないことをExtJSに認識させることができます。