javascript - 我如何通过调试找出我的 ExtJS 数据存储未加载的原因？

Question

我有一个向服务器查询数据的 ExtJS 数据存储。我可以在 Chrome 网络响应选项卡中看到 JSON 数据，但是当我使用 Ext.getStore("ExampleStore").data.length 在控制台选项卡中检查商店的大小时，值为总是零。页面上没有报告 Javascript 错误。有没有更好的方法来调试加载到商店的数据？

Answer 1

您可以在商店的 load 上附加事件回调ExtJS 1.1.0 及更高版本中的事件和代理的 exception ExtJS 3.4.0 及更高版本中的事件。对于旧版本的 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");
    }
});