Question

这可能很容易与格式化有关，当我向网格添加一行时，它会出现空白

添加行的代码：

var innerArray = Array(
        {'ID':'aaa','Text':'aaa'}
        );
searchCriteria.add(innerArray);

制作表格的代码

var searchCriteria = Ext.create('Ext.data.Store', {
// store configs
autoDestroy: true,
storeId: 'myStore',
// reader configs
idIndex: 0,
fields: [
   'ID',
   'Text'
]
});

面板

var resultsPanel = Ext.create('Ext.panel.Panel', {
    title: 'Search Criteria',
    layout: 'fit',
    height: 400,
    renderTo: Ext.getBody(),
    layout: {
        type: 'vbox', // Arrange child items vertically
        align: 'stretch', // Each takes up full width
        padding: 5
    },
    items: [{ // Results grid specified as a config object with an xtype of 'grid'
        xtype: 'grid',
        columns: [
            {
                header: 'ID'
            },
            {
                header: 'Text'  
            }
        ], // One header just for show. There's no data,
        store: searchCriteria,
        flex: 1 // Use 1/3 of Container's height (hint to Box layout)
    }]
});

行添加，但空白我做错了什么？

Answer 1

在您的网格列中，添加dataIndex属性：

columns: [{
    header: 'ID',
    dataIndex: 'ID'
},{
    header: 'Text',
    dataIndex: 'Text'
}

dataIndex属性告诉网格从商店模型中提取信息的位置

Sencha商店在网格上显示空行

1 个答案: