javascript - 商店添加 - 不起作用

Question

我有一个简单的网格，看起来像这样:

{
    xtype: "grid",
    columns: [{
        header: 'Title', flex: 1, dataIndex: 'Title'
    }],
    store: Ext.create('Ext.data.Store', {
        fields:['id', 'Title']
    })
}

我有一个函数(附加到一个按钮)，我相信它应该用一些数据填充这个网格。它是这样做的:

grid.store.removeAll();
records = [{"id":"1", "Title", "Hello world"}];
grid.store.add(records);
grid.store.load();
console.log(grid.store.getCount());

但是由于某些疯狂的原因，商店是空的并且 grid.store.getCount() 回显“0”。到底他妈发生了什么？附言。我正在使用 ExtJS 6。

编辑

但是，如果我将我的代码稍微更改为:

...
store: Ext.create('Ext.data.Store', {
    autoLoad: false,
    fields:['id','Title'],
    data:[{"id": 1,"Title": "Hello world"}]
})
...

//and in function just one line of code:
grid.store.load();

然后它开始工作。所以，似乎整个问题都出在 store.add 上。它没有做它应该做的事。

Answer 1

只需删除 grid.store.load()。

load 将商店标记为需要加载，但是如果您使用 add 添加记录，那不是您所需要的。

工作示例:https://fiddle.sencha.com/#fiddle/1fbv