Question

早上好，

我是Sencha EXT JS的新手，就像这是我的第一天。我创建了一个小应用程序，在面板中创建一个Grid，然后用一些ArrayStore（硬编码）数据填充网格。应用程序运行正常，但我在网格中得到三个空条目，没有数据。有什么想法吗？

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 },

网格空中的Sencha Ext JS ArrayStore

1 个答案: