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

您还可以在课程中添加load事件。您可以参考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

如何在ExtJs中查看Store中的数据

2 个答案: