Sencha의 ExtJs 4.2를 사용하여 아약스 기반 그리드를 정렬하려고합니다. 데이터 모델과 사용자 정의 그리드 구성 요소를 정의했지만 불행히도 허용 된 데이터를 표시하지 못했습니다.ExtJs4 그리드에 응답 데이터가 표시되지 않습니다.
이Ext.define('OperatedClient', {
extend: 'Ext.data.Model',
fields: [
{name: 'id'},
{name: 'first_name'},
{name: 'second_name'},
{name: 'surname'},
{name: 'birthdate'},
{name: 'diagnose'},
{name: 'operation_date'},
{name: 'operation'},
{name: 'price'}
]
});
내 그리드 구성 요소 코드 :
var defaultColumnRenderer = function(v) {
return '<div style="text-align:right">' + v + '</div>';
};
Ext.define('Ext.custom.OperatedClientsGrid', {
extend: 'Ext.grid.Panel',
cls: 'custom-grid',
columnLines: true,
initComponent: function() {
var opStore = Ext.create('Ext.data.Store', {
autoLoad: true,
model: 'OperatedClient',
proxy: Ext.create('Ext.data.proxy.Ajax', {
url: 'service/clients_op/read.php',
reader: Ext.create('Ext.data.reader.Json', {
root: '$client_ops'
})
})
});
Ext.apply(this, {
store: opStore
},
columns: [{
text: 'Id',
dataIndex: 'id',
align: 'center',
renderer: defaultColumnRenderer
},{
text: 'Имя',
dataIndex: 'first_name',
align: 'center',
renderer: defaultColumnRenderer
},{
text: 'Отчество',
dataIndex: 'second_name',
align: 'center',
renderer: defaultColumnRenderer
},{
text: 'Фамилия',
dataIndex: 'surname',
align: 'center',
renderer: defaultColumnRenderer
},{
text: 'Дата рождения',
dataIndex: 'birthdate',
align: 'center',
renderer: defaultColumnRenderer
},{
text: 'Диагноз',
dataIndex: 'diagnose',
align: 'center',
renderer: defaultColumnRenderer
},{
text: 'Операция',
dataIndex: 'operation',
align: 'center',
renderer: defaultColumnRenderer
},{
text: 'Дата операции',
dataIndex: 'operation_date',
align: 'center',
renderer: defaultColumnRenderer
},{
text: 'Стоимость',
dataIndex: 'price',
align: 'center',
renderer: defaultColumnRenderer
}]
});
this.callParent();
}
});
서버 응답 코드 :
{"client_ops":[{"id":"1","first_name":"\u0410\u043d\u0434\u0440\u0435\u0439","second_name":"\u0418\u0432\u0430\u043d\u043e\u0432\u0438\u0447","surname":"\u0411\u043e\u043b\u044f\u0447\u043a\u0438\u043d","diagnose":"\u041f\u0438\u0437\u0434\u0430\u0440\u0438\u043a\u0438","operation_date":"2014-01-21","operation":"\u041e\u0431\u0440\u0435\u0437\u0430\u043d\u0438\u0435","price":"3000"},{"id":"2","first_name":"\u0410\u0440\u043a\u0430\u0434\u0438\u0439","second_name":"\u0418\u043c\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u0432\u0438\u0447","surname":"\u0416\u0438\u043b\u0438\u0441\u0442\u044b\u0439","diagnose":"\u041f\u043e\u0435\u0431\u0443\u0448\u0435\u0447\u043a\u0438","operation_date":"2014-01-25","operation":"\u041e\u0431\u0435\u0437\u0433\u043b\u0430\u0432\u043b\u0438\u0432\u0430\u043d\u0438\u0435","price":"1500"},{"id":"3","first_name":"\u0411\u043e\u0440\u0438\u0441","second_name":"\u0412\u0438\u0442\u0430\u043b\u044c\u0435\u0432\u0438\u0447","surname":"\u0422\u0440\u0430\u043a\u0442\u043e\u0440","diagnose":"\u041a\u043e\u0441\u043e\u0451\u0431\u0438\u0435","operation_date":"2014-11-23","operation":"\u041f\u0440\u043e\u0442\u0435\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435","price":"4700"},{"id":"4","first_name":"\u0421\u0435\u0440\u0433\u0435\u0439","second_name":"\u0421\u0435\u0440\u0433\u0435\u0435\u0432\u0438\u0447","surname":"\u041a\u0430\u0440\u0442\u043e\u0448\u0438\u043d","diagnose":"\u0424\u0413\u041c","operation_date":"2014-01-20","operation":"\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435","price":"8700"}]}
죄송합니다이 경우 :(
모델 코드가 왜 찾을 수 없습니다 너무 거대하고 서투른데, 응답에는 선언 된 모델 필드에 매핑하는 데 필요한 모든 매개 변수가 포함되어있는 것처럼 보입니다. 내 실수 야?
루트 구성에 '$ client_ops'가 있어야합니다. 'client_ops'가되어야합니다. – Akatum