Я тестирую extjs 4, и я наткнулся на что-то, я не могу понять.
У меня есть простая ассоциация объектов: Снимок - hasMany → Модель
Теперь я пытаюсь использовать XTemplate для отображения этой ассоциации в компоненте View, поэтому у меня есть XTemplate, выглядящий так:
Ext.create('Ext.XTemplate',
'<tpl for=".">',
'<div class="snapshot" id="{id}">',
'<h1>{snapshot}</h1>',
'<p><span class="label">Created: </span>{dateString}</p>',
'<p><span class="label">Models</span></p>',
'<tpl for="models">',
'<p>{name} - {description}</p>',
'</tpl>',
'</div>',
'</tpl>',
'<div class="x-clear bottompad"></div>'
);
И мой ответ JSON выглядит так (показывает только "моментальный снимок" node):
{
"id": 1,
"snapshot": "Snapshot 1",
"created": 1305806847000,
"models": [
{
"id": 1,
"name": "ABC",
"description": "A B C"
}, {
"id": 111,
"name": "ABCDD",
"description": "A B C XCXC"
}
]
}
Как extjs 4 вводит концепцию Model I, я создал модели для Snapshot and Model и создал ассоциацию в соответствии с документами API.
Модель снимка:
Ext.define('Snapshot', {
extend: 'Ext.data.Model',
fields: [
{name: 'id', type: 'int'},
'snapshot',
{name: 'created',type: 'date', dateFormat: 'time' }
],
associations:[
{type: 'hasMany', model: 'Model', name: 'models'}
],
idProperty: 'id'
});
Модель модели; P
Ext.define('Model', {
extend: 'Ext.data.Model',
belongsTo: 'Snapshot',
fields: [
{ name: 'id', type: 'int' },
{ name: 'snapshot_id', type: 'int' },
'name',
'description'
],
idProperty: 'id'
});
И вот здесь моя проблема. Когда я использую эту настройку, ни одна из моих моделей не отображается при выполнении XTemplate, однако, если я удалю ассоциации из модели моментальных снимков и просто добавлю другое поле под названием "модели", оно работает нормально.
Какова наилучшая практика отображения списка моделей при использовании ассоциаций? Должен ли я использовать вложенные шаблоны и настраиваемые функции для этого?
