この問題に関する多くの投稿を見てきましたが、何らかの理由でまだ問題が発生しています。最小限のデータで Panel を作成しようとしましたが、まだ運がありません。これは本当に私の頭を悩ませています。以下は私が取り組んでいるコードです:
Ext.onReady(function () {
var proxy = new Ext.data.HttpProxy({
url: path/to/app
api: {
load: path/to/app
}
});
var reader = new Ext.data.JsonReader({
successProperty : 'success',
idProperty : 'id',
root : 'data',
fields : [{name:'id', type: 'int'}]
});
var writer = new Ext.data.JsonWriter({
encode: false,
writeAllFields: true
});
var store = new Ext.data.Store({
autoLoad : true,
autoSync : true,
root : 'data',
restful : true,
fields : [{name: 'id'}],
proxy : proxy,
reader : reader,
writer : writer
});
Ext.create('Ext.grid.Panel', {
renderTo : 'gadgetview',
store : store,
columns : [{
header : 'ID',
text : 'ID',
dataIndex : 'id',
width : 50
}],
height : 200,
width : 450,
title : 'Example'
});
});
サーバーからの応答は次のとおりです。
{"data":[{"id":1}], "success":true}
わかりやすいものであるといいのですが。