如何調試以找出爲什麼我的ExtJS數據存儲未加載？

Question

我有一個ExtJS數據存儲查詢服務器的數據。我可以在Chrome網絡響應標籤中看到JSON數據，但是當我使用Ext.getStore("ExampleStore").data.length檢查控制檯選項卡中商店的大小時，該值始終爲零。頁面上沒有報告任何Javascript錯誤。有沒有更好的方法來調試數據加載到商店？

Answer 1

您可以在ExtJS 1.1.0及更高版本中的商店的load事件以及ExtJS 3.4.0及更高版本中的代理exception事件上附加事件回調。對於早期版本的ExtJS回到1.1.0，您可以使用商店的loadexception事件。從這些回調中，很容易找到一個斷點並找出發生了什麼。

Ext.create("Ext.data.Store", { 
    storeId: "ExampleStore" 
    // Other properties removed for brevity 
}).on({ 
    load: function(store, records, successful, eOpts) { 
     alert("The load event was called"); 
    }, 
    exception: function(proxy, response, operation, eOpts) { 
     alert("The exception event was called"); 
    } 
}); 

Answer 2

我強烈建議更換你使用火的Bug消防福克斯

https://addons.mozilla.org/es/firefox/addon/firebug/

在我看來，它提供了有關錯誤和更好的格式的詳細信息，我不喜歡在Chrome瀏覽器測試（「COS這是更快），但是當我得到一個錯誤，我不明白我跑螢火

你可以做一個console.log(myStore);，並從那裏探索對象的DOM

也期待在商店的方法，如getCount將和getTotalCount

http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.data.Store

問候

Answer 3

我不知道如何實現ExtJS的到你的應用程序，但上述所有，我可以添加您可以用來調試文件ext-all-debug -w-comments：

<script type="text/javascript" src="../ext-all-debug-w-comments.js"></ script> 

這會使控制檯中顯示的錯誤報告更具信息性。