レイアウトが一致しているパネルがあります。サーバーからjson形式でデータを取得し、モデルにマップするデータストアがあります。私が取得するデータは、そのモデルのリストです。私の見解では、ストアにアクセスしてすべてのレコードを取得する必要があり、レコードごとに Panel を作成して親 Panel に追加する必要があります。
私の店
Ext.define('NOS.store.ResultGroupsStore', {
extend: 'Ext.data.Store',
requires : ['NOS.model.ResultGroup'],
model: 'NOS.model.ResultGroup',
fields:['groupName'],
alias: 'widget.resultStore',
// autoLoad: true,
proxy: {
type: 'ajax',
url: 'showResult.nos',
reader: {
type: 'json'
}
}
});
私の見解
Ext.require('Ext.panel.Panel');
Ext.define('NOS.view.ResultView' ,{
extend: 'Ext.panel.Panel',
alias:'widget.results',
title: 'My title',
layout:'accordion',
items:null,
initComponent : function() {
console.log("reached in view initialise");
results = Ext.create('NOS.store.ResultGroupsStore');
results.load();
results.each(function(aResultGroup, index) {
console.log('Record ' + index);
});
console.log("End in view initialise");
this.callParent(arguments);
},
});
ただし、上記のループには決して入りません。grid.Panel を使用して列をマップすると、データがレンダリングされるため、データがストアに適切にロードされていると確信しています。
助けてください!!