У меня проблемы с использованием вложенного списка и карты детализации.В настоящее время у меня есть вложенный список, отображающий простое дерево категорий компакт-дисков.Выглядит это так:
LCMobile.views.CategoriesList = Ext.extend(Ext.Panel, {
layout: 'card',
items: categoriesList
});
var categoriesList = new Ext.NestedList({
title: 'Categories',
store: categoryStore,
displayField: 'title',
getDetailCard: function(item, parent) {
var itemData = item.attributes.record.data;
parentData = parent.attributes.record.data;
LCMobile.detailCard.update(itemData);
this.backButton.setText(parentData.title);
return LCMobile.detailCard;
}
});
А моя detailCard выглядит так:
LCMobile.detailCard = new Ext.Panel({
id: 'detailPanel',
layout: 'card',
scroll: 'vertical',
styleHtmlContent: true,
items: '',
tpl: ["<h3>{title}</h3>", "<img height='50px' width='50px' src='/images/covers/{sku}.jpg'>{description}" ]
});
Проблема, с которой я столкнулся, заключается в том, что detailCard появится один раз, и кнопка возврата будет работать,но это будет работать только один раз, и ошибка после этого.Говорит
Uncaught TypeError: Cannot read property 'style' of undefined
.Я почти уверен, что есть еще один шаг, который я пропускаю где-то, не назначая предыдущую карту, но я немного растерялся, и в API единственное, что я смог найти, это метод prev () для карт,и это только смутило меня.Может кто-то указать мне верное направление?Спасибо!