2

我是 Ext JS 的新手，并在 Grid 上尝试了各种选项。我创建了一个网格并将其添加到面板（Ext.panel.Panel）。网格显示为空数据（我没有添加代理）。在发生某些事件时，我构造一个 JSON 对象并loadData在网格上触发。

以下是我的代码片段。

Ext.define('AM.view.grid.Details', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.details',
    title: 'Widget Data',

    store: {
        autolaod: true,
        fields: [{
            name: 'widgetid',
            mapping: 'widget_id',
            type: 'string'
        }, {
            name: 'widgetname',
            mapping: 'widget_name',
            type: 'string'
        }, {
            name: 'widgetnotes',
            mapping: 'widget_notes',
            type: 'String'
        }],
        reader: {
            type: 'json'
        }
    },
    width: 620,
    height: 400,

    forceFit: true,
    columns: [{
        header: 'id',
        dataIndex: 'widgetid',
        hidden: true
    }, {
        header: 'Name',
        dataIndex: 'widgetname',
        width: 150
    }, {
        header: 'Note',
        dataIndex: 'widgetnotes',
        width: 150
    }],

    renderTo: Ext.getBody()
});

我有一个函数，它是另一个小部件的回调函数。当事件发生时，此函数 getTriggered。

function someFunction(grid) {
    var jsonData = formGridData();
    grid.store.loadData(jsonData);
}

请假设创建了网格，并且我有函数 formGridData() 将形成的字符串转换为 JSON 对象并返回。

因此，当我运行应用程序时，如果 jsonData 的长度为 5，则网格中会出现 5 个空行。

以下是 JSONData

[{
    'widget_id':    'widget-1',
    'widget_name':  'gridpanel',
    'widget_notes': 'This is used to handle..'
}, {
    'widget_id':    'widget-2',
    'widget_name':  'combo',
    'widget_note':  'This is used to handle..'
}, {
    'widget_id':    'widget-3',
    'widget_name':  'panel',
    'widget_note':  'This is used to handle..'
}]

我在做什么有什么问题吗？

谢谢，
帕尼

4

2 回答 2

2

抱歉，我没有注意到

所以看来您的 dataIndex 无效

http://jsfiddle.net/ssxenon01/WpZMU/8/

于 2012-05-18T08:52:53.707 回答
2

您在网格上的 dataIndexes 是错误的。

columns: [{
    header: 'id',
    dataIndex: 'widget_id', //was widgetid
    hidden: true
}, {
    header: 'Name',
    dataIndex: 'widget_name', //was widgetname
    width: 150
}, {
    header: 'Note',
    dataIndex: 'widget_notes',  //was widgetnotes
    width: 150
}]

发生的事情是它看到了正确数量的行，但是由于您作为示例的 json 被命名为 widget_* 并注意 widget*，它认为它们是别的东西，因此无法在网格中适当地显示它们

于 2012-05-18T10:07:43.433 回答