php - 带有来自 JsonStore 的数据的 ExtJs Grid 未加载

Question

大家好，
我有 ExtJS 3.2、PHP5.3 和 Oracle 10g XE。

从 MyExtJs.php 返回的 JSON:

[{"FIRST_NAME":"Ellen","LAST_NAME":"Abel"},{"FIRST_NAME":"Sundar","LAST_NAME":"Ande"}, {"FIRST_NAME":"Mozhe","LAST_NAME": "阿特金森"},{"FIRST_NAME":"David","LAST_NAME":"Austin"},{"FIRST_NAME":"Hermann","LAST_NAME":"Baer"},{"FIRST_NAME":"Sheli", "LAST_NAME":"Baida"},{"FIRST_NAME":"Amit","LAST_NAME":"Banda"},{"FIRST_NAME":"Elizabeth","LAST_NAME":"Bates"},{"FIRST_NAME": "Sarah","LAST_NAME":"Bell"},{"FIRST_NAME":"David","LAST_NAME":"Bernstein"}]

数据存储:

var store = new Ext.data.JsonStore( {  
                  autoLoad: true,  
                  url: 'MyExtJs.php',  
                  fields: [  
                           {name: 'firstname'},  
                           {name: 'lastname'}  
                          ]  
                                     });

网格:

var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {
                id       : 'fname',
                header   : 'First Name', 
                width    :  160, 
                sortable :  true, 
                dataIndex: 'firstname'
            },
            {
                id       : 'lname',
                header   : 'Last Name' ,
                width    :  75, 
                sortable :  true,  
                dataIndex:  'lastname'
            }
                ],
        stripeRows: true,
        height: 300,
        width: 500,
        title: 'Report', 
        autoExpandColumn: 'lname',   
        stateful: true,
        stateId: 'grid'
                                  });

我只显示网格的标题和边框，但里面没有数据。

亲切的问候，
担

Answer 1

在您的字段配置中包含一个“映射”属性，如下所示:

var store = new Ext.data.JsonStore( {  
    autoLoad: true,  
    url: 'MyExtJs.php',  
    fields: [  
        {name: 'firstname', mapping:'FIRST_NAME'},  
        {name: 'lastname', mapping:'LAST_NAME'}  
    ]  
});

它不是读取您的 JSON 的 Ext.data.Store，它内部使用 Ext.data.DataReader 来读取来自服务器的数据，Store 配置中设置的这个“字段”属性被传递给它的 DataReader 来配置自己。 DataReader 使用 Ext.data.Field 读取每个字段，看 here , ExtJS 的文档很好!