0

这可能是一个简单的格式化,当我在网格中添加一行时它会出现空白

添加行的代码:

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)
    }]
});

添加了行,但空白我做错了什么?

4

1 回答 1

1

在您的网格列中,添加一个dataIndex属性:

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

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

于 2013-05-24T13:48:10.620 回答