Сенча Ext JS ArrayStore в сетке Пустой

Question

Доброе утро,

Я новенькая Сенча Ext JS, как грамматологического это мой первый день. Я создал небольшое приложение, которое создает сетку внутри панели, а затем заполняет сетку некоторой формой данных ArrayStore (hardcoded). Приложение работает нормально, но я получаю три пустые записи в сетке и без данных. Есть идеи?

Ext.application({ 
name : 'MyApp', 

launch : function() { 

Ext.onReady(function() { 
    var store = new Ext.data.ArrayStore({ idProperty: 'storeTest', autoDestroy: true, storeId: 'myStore',idIndex: 0, fields: [{name: 'name', type: 'string'},{name: 'age', type: 'int'},]}); 

    var myData = [ 
     ['Person1',31], 
     ['Person2',30], 
     ['Person3',6] 
    ]; 

    store.loadData(myData); 

    var resultsPanel = Ext.create('Ext.panel.Panel', { 
     title: 'Results', 
     width: 1000, 
     height: 400, 
     renderTo: Ext.getBody(), 
     layout: { type: 'hbox', align: 'stretch', padding: 5 }, 
     items: [{ xtype: 'grid', columns: [{header: 'Name'}, { header: 'Age' }], store: store, flex: 1 }, 
     { xtype: 'splitter' }, 
     { title: 'Details', bodyPadding: 5, items: [{ fieldLabel: 'Data item', xtype: 'textfield'}], flex: 2 }] 
    }); 
}); 
} 

});

Answer 1

Вы пропускаете свойство dataIndex для каждого столбца:

[{ xtype: 'grid', columns: [{header: 'Name',dataIndex: 'name'}, { header: 'Age',dataIndex: 'age' }], store: store, flex: 1 },