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(); }}