ExtJS 3.0.0：带有 ArrayStore 的窗口中的 GridPanel 不呈现任何数据

Question

我正在尝试将一个由 ArrayStore 驱动的 GridPanel 放在一个窗口中，但无论我做什么，它看起来都像这样，里面没有数据行：

这是我的代码：

           var ticketsStore = new Ext.data.ArrayStore
            (
                {
                    autoDestroy: false,
                    remoteSort: false,
                    data: result,
                    fields:
                    [
                        { name: 'articleId', type: 'int' },
                        { name: 'heatTicketRef', type: 'string' },
                        { name: 'username', type: 'string' },
                        { name: 'dateLinked', type: 'date' }
                    ]
                }
         );

        var ticketsGrid = new Ext.grid.GridPanel({
            store: ticketsStore,
            id: this.id + 'ticketsGrid',
            viewConfig: {
                emptyText: 'No data'
            },
            autoShow: true,
            idProperty: 'heatTicketRef',
            columns: [
                { id: 'heatTicketRef', header:"Ticket ID", width: 100, dataIndex: 'heatTicketRef', sortable: false },
                { header: "User", width: 100, dataIndex: 'username', sortable: false },
                { header: "Date Linked", width: 100, dataIndex: 'dateLinked', xtype: 'datecolumn', format: 'j M Y h:ia', sortable: false }
            ]
        });
        var window = new Ext.Window
          (
            {
                renderTo: Ext.getBody(),
                id: this.id + 'linkedHeatTickets',
                closable: true,
                modal: true,
                autoHeight: true,
                width: 500,
                title:'Linked Heat Tickets',
                resizable: false,
                listeners:
                {
                    close: function () { // do something }
                },
                items:
                {
                    style: 'padding:5px;',
                    items: ticketsGrid
                },
                buttons:
                {
                    text: 'Close',
                    handler: function () {
                        window.close();
                    }
                }
            }
        );

        window.show();

当我调试时，我可以看到我的“结果”对象是健康的，并且 ArrayStore 的长度是正确的：

但是 GridPanel 不喜欢数据，因为它不在它的 items 数组中（虽然它在 store 中）：

我做错了什么小事？

谢谢！

Answer 1

因为我是个白痴……我用的是 ArrayStore 而不是 JsonStore！