javascript - extJS 3.3.0 グリッド エラー、JSON データが表示されない

Question

私は自分のストアを次のように構成しました:

Ext.BLANK_IMAGE_URL = '/ext-3.3.0/resources/images/default/s.gif';
var store = new Ext.data.Store({
    proxy : new Ext.data.HttpProxy({
        url:"/RestEasyDemo2/stud/student/read",
        method:"GET"
    }),
    reader: new Ext.data.JsonReader({
        fields:['id','name','address','gerder','emailId','contactNo'],
        //id:'id',
        root:'listing' // it's @XmlRootElement(name = "listing") of my list class
    })

});
store.load();

そしてグリッドパネルのコードは、

var grid = new Ext.grid.GridPanel({
    store:store,
    columns:[{header:'Id', width:170 , sortable:true, dataIntex:'id'},
             {header:'NAME', width:170 , sortable:true, dataIntex:'name'},
             {header:'Address', width:150 , sortable:true, dataIntex:'address'},
             {header:'Gender', width:150 , sortable:true, dataIntex:'gender'},
             {header:'EMAIL ', width:150 , sortable:true, dataIntex:'emailId'},
             {header:'ContactNo ', width:100 , sortable:true, dataIntex:'contactNo'}
             ],
    title:'My Contacts',
    autoHeight:true,
    width:590,
    renderTo: Ext.getBody(),
    loadMask: true,
    //renderTo:document.body(),
    fram:true
}); 

しかし、jsonデータが表示されていません...実際に何が欠けているのか教えてください...?