商店添加 - 不工作

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」。到底他媽發生了什麼？ PS。我使用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