これは私のExtJSコードで、私のレコードをグリッドに表示します。
var remoteProxy = new Ext.data.ScriptTagProxy({
url : 'hastanebilgilerinigetir'
});
var recordFields = [
{ name : 'hid', mapping : 'hid'},
{ name : 'isim', mapping : 'isim'},
{ name : 'adres', mapping : 'adres'},
{ name : 'telefon', mapping : 'telefon'},
{ name : 'bashekimid', mapping : 'bashekimid' }
];
var remoteJsonStore = new Ext.data.JsonStore({
proxy : remoteProxy,
storeId : 'ourRemoteStore',
root : 'records',
autoLoad : false,
//totalProperty : 'totalCount',
remoteSort : true,
fields : recordFields,
idProperty : 'hid'
});
var textFieldEditor = new Ext.form.TextField();
var numberFieldEditor = {
xtype : 'numberfield',
minLength : 5,
maxLength : 5
};
var columnModel = [
{
header : 'Hastane Adı',
dataIndex : 'isim',
sortable : true,
editor : textFieldEditor
},
{
header : 'Telefon',
dataIndex : 'telefon',
sortable : true,
editor : textFieldEditor
},
{
header : 'Adres',
dataIndex : 'adres',
sortable : true,
editor : textFieldEditor
},
{
header : 'Baş Hekim ID',
dataIndex : 'bashekimid',
sortable : true,
editor : numberFieldEditor
},
{
header : 'Hastane ID',
dataIndex : 'hid',
sortable : true,
editor : numberFieldEditor
}
];
var grid = {
xtype : 'editorgrid',
columns : columnModel,
id : 'myEditorGrid',
store : remoteJsonStore,
loadMask : true,
bbar : pagingToolbar,
stripeRows : true,
viewConfig : {
forceFit : true
},
listeners : {
cellcontextmenu : doCellCtxMenu,
destroy : function(thisGrid) {
if (thisGrid.rowCtxMenu) {
thisGrid.rowCtxMenu.destroy();
}
}
}
};
var hastanegridi = new Ext.Panel({
title: 'Hastaneler',
height : 700,
width : 950,
border : false,
layout : 'fit',
items : grid
});
remoteJsonStore.load({
params : {
start : 0,
limit : 50
}
});
JSONObjectを作成するための次のJavaコードがあります
@Override
public JSONObject listHastanesAsJson() {
List<Hastane> lst = hastaneDao.listHastane();
JSONArray arr = new JSONArray();
// int i=lst.size();
// JSONObject counter = new JSONObject();
// counter.put("totalCount", i);
// arr.add(counter);
for(Hastane kan:lst){
JSONObject obj = new JSONObject();
obj.put("hid", kan.getHid());
obj.put("isim", kan.getIsim());
obj.put("adres", kan.getAdres());
obj.put("telefon", kan.getTelefon());
obj.put("bashekimid", kan.getBahekimid());
arr.add(obj);
}
JSONObject o = new JSONObject();
o.put("records", arr);
return o;
}
私のJsonデータは次のようになります：
{"records":[{"hid":1,"isim":"Zeynep Kamil","adres":"Istanbul","telefon":"056765434567","bashekimid":1},{"hid":2,"isim":"Ankara Hastanesi","adres":"Ankara","telefon":"345678987658","bashekimid":2},{"hid":3,"isim":"Baskent Hastanesi","adres":"Ankara","telefon":"567898765697","bashekimid":3}]}
しかし、ブラウザでデータを表示しようとすると、「無効なラベル」の下にエラーが表示されます。
サーバー側でJSONObjectを作成するときに間違いはありますか？
私のjsonデータはこのリンクのようなものでなければなりませんが、次のようにデータを構築する方法がわかりません：http ://extjsinaction.com/dataQuery.php