javascript - グリッドはうまく機能しますが、データが表示されません

Question

だから私はここに grid.Panel を持っています:

Ext.require([
    'Ext.direct.*',
    'Ext.data.*',
    'Ext.grid.*'
]);
Ext.define('PersonalInfo', {
    extend: 'Ext.data.Model',
    fields: [ 'name', 'email']
});

Ext.onReady(function() {
    // create the Grid
    Ext.create('Ext.grid.Panel', {
        store: {
            model: 'PersonalInfo',
            autoLoad: true,
            proxy: {
                type: 'ajax',
                 url : 'app/data/users.json',
                reader: {
                    type: 'json',
                    root: 'users'
                }
            }
        },
        columns: [{
            dataIndex: 'name',
            width: 50,
            text: 'ID'
        }],
        height: 450,
        width: 700,
        title: 'Velociraptor Owners',
        renderTo: Ext.getBody()
    });
});

ここにある users.json ファイルの拡張子は app/data/users.json です。

{
    "users": [
        { "name": "Name 1" , "email": "email@site.com" },
        { "name": "Name 2" , "email": "email@site.com" },
        { "name": "Name 3" , "email": "email@site.com" },
        { "name": "Name 4" , "email": "email@site.com" },
        { "name": "Name 5" , "email": "email@site.com" }
    ]
}

グリッドはブラウザ (Firefox.IE9 では何も表示されません) に表示されますが、指定したように「名前」フィールドが表示されません。何か案は？