Extjs グリッドのデータストアをリロードする簡単な例が必要です。基本的な要件は、Extjs json データ ストアに別の json 配列を追加することです。Extjs Grid パネルに data2 (json オブジェクト) をロードするためにこのコードを完成させるのを手伝ってください。
Ext.onReady(function () {
var store = Ext.create('Ext.data.Store', {
storeId: 'employeeStore',
fields: ['name', 'seniority', 'department'],
groupField: 'department',
data: {
'employees': [{
"name": "Michael Scott",
"seniority": 7,
"department": "Management"
}, {
"name": "Dwight Schrute",
"seniority": 2,
"department": "Sales"
}, {
"name": "Jim Halpert",
"seniority": 3,
"department": "Sales"
}, {
"name": "Kevin Malone",
"seniority": 4,
"department": "Accounting"
}, {
"name": "Angela Martin",
"seniority": 5,
"department": "Accounting"
}, {
"name": "Angela Martin",
"seniority": 5,
"department": "Accounting"
}]
},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'employees'
}
}
});
Ext.create('Ext.grid.Panel', {
title: 'Employees',
store: Ext.data.StoreManager.lookup('employeeStore'),
columns: [{
text: 'Name',
dataIndex: 'name'
}, {
text: 'Seniority',
dataIndex: 'seniority'
}, {
text: 'department',
dataIndex: 'department'
}],
width: 520,
height: 275,
renderTo: Ext.getBody()
});
var data2 = {
'employees': [{
"name": "User1",
"seniority": 7,
"department": "Management"
},{
"name": "User2",
"seniority": 7,
"department": "Management"
}]
};
});