grid gadget

Ext.onReady(function() { に書く:
Ext.Ajax.request({
url : '~.json' ,
method: 'GET' ,
params : Ext.util.JSON.encode( { method: 'hello.message', params: [], id: 1 } ) ,
success: function ( result, request ) {
Ext.MessageBox.alert('message', Ext.util.JSON.decode(result.responseText)['result']);
} ,
failure: function ( result, request ) {
Ext.MessageBox.alert('Failed', result.responseText);
}  });

通信をチェックした後、mainを書く
Ext.data.StoreをJsonStoreにしたせいで、なかなかうまくできなかった。
その違いよく分からない〜〜〜〜

var reader = new Ext.data.JsonReader({
root: 'data',
fields: [
{name: "a", type: "string"},
{name: "b", type: "string"},
{name: "c", type: "string"}
] });

var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url: '~.json',
method: "GET"}),
reader: reader });

var clmnModel = new Ext.grid.ColumnModel([
{ header: "", width: 100, dataIndex: "a" },
{ header: "",width: 100,dataIndex: "b"},
{ header: "", width: 100, dataIndex: "c"} ]);

var grid = new Ext.grid.EditorGridPanel({
store: store,
cm:clmnModel,
  autoWidth:true,
  autoHeight:true,
title: "",
renderTo: 'grid'
});
grid.render();
store.load(); });
gridにlistenerを追加したい場合、
   listeners : { click : function(){
store.load();
grid.reconfigure(store,clmnModel);
grid.render(); }}

に div「id='grid'」