EXT Grid面板不会填充数据并创建空行

时间:2014-01-09 06:45:56

标签: javascript extjs

我正在尝试使用示例数据填充网格,所有我看到的是正在创建的行而没有数据。 但是,列标题存在。 我尝试了针对类似问题提出的各种步骤,似乎没有任何工作。 这里的任何帮助都会很棒。

Ext.define('TestModel', {
extend: 'Ext.data.Model',
id_property: 'test_id',
fields: [
   {name: 'Date', type: 'string'},
   {name: 'Notifications', type: 'string'},
   {name: 'Status',  type: 'string'}
]
});

Ext.define('D.application.component.dataexplorer.ErrNotifGridPanel',{
extend: 'Ext.grid.Panel',

initComponent: function()
{
    this.currUserId = DesktopConfig.data.items[0].raw.User_Id;

    var defaultModel = [
                        {
                            header: 'Date',
                            dataIndex: 'Msg_Date',
                            sortable: true                        
                        },
                        {
                            header: 'Notifications',
                            dataIndex: 'Content',
                            sortable: false
                        },
                        {
                            header: 'Status',
                            dataIndex: 'Msg_Status',
                            sortable: true,
                            center: true
                        }];

    //Sample Test Data
    var testData = [
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'ERROR'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
            ['16/12/2008 16:45:32', 'fdshfsdhfdsklfhdsfghdsghdsgkhdskdslkvdslkjds', 'WARNING'],
        ];

    // Test Data
    var Store = Ext.create('Ext.data.ArrayStore', {
        model:'TestModel',
        data:testData,
        autoLoad:true,
        proxy: {
            type: 'memory',
    /*        reader: {
                type: 'json',
                root: 'items'
            } */
        }, 
        storeId: 'testModel'
    });

    var config =
    {
        columns     : defaultModel,
        store       : 'testModel',
        columnLines : true,
        loadMask    : true,
        autoScroll  : true
    };

    Ext.apply(this,config); 
    this.callParent(arguments);
},

onRender: function()
{
    this.callParent(arguments);
}
});

1 个答案:

答案 0 :(得分:1)

您的列和模型字段具有不同的名称。

dataIndex应映射到模型中的字段name

工作示例:http://jsfiddle.net/ex2Le/