如何查看ExtJs中的數據

Question

我是ExtJs的新手，我在extJs中創建了一個數據模型，然後我創建了該模型的商店，並且使用url加載了商店數據，現在我想查看數據在那家商店有售，我該怎麼做？

我的數據模型代碼

Ext.define('MyModel', { 
    extend: 'Ext.data.Model', 
    proxy: { 
     actionMethods: {create: "POST", read: "POST", update: "POST", destroy: "POST"}, 
     type: 'ajax' 
    } 
}); 

我的店內碼

var MyStore = Ext.create('Ext.data.Store', { 
    model: 'MyModel', 
    pageSize: 50, 
    remoteSort: true, 
    remoteFilter: true, 
    remoteGroup: true 
}); 

如何我在店裏

MyStore.load({url: 'xyz.json'}); 

Answer 1

裝載值初始化您的商店後，您可以觸發一個明確的事件。

// This will ensure that the store is loaded before you log the records. 
MyStore.on('load', function(store) { 
    var records = store.getRange(); 

    console.log(records); // The data you want to see. 
}); 

您也可以在類中添加加載事件。您可以參考here。最重要的部分是getRange()方法。這將返回來自商店的所有數據。

Answer 2

您可以在調用存儲加載時添加回調方法。例如：

MyStore.load({ 
    url: 'xyz.json', 
    callback: function(records, operation, success){ 
     console.log(records); 
    } 
}); 

在這裏閱讀更多http://docs.sencha.com/ext-js/4-1/#!/api/Ext.data.Store-method-load