我在使用嵌套列表和detailCard时遇到了一些麻烦。我目前有一个嵌套列表,显示一个简单的CD类别树。它看起来像这样:
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()方法,它只会让我更加困惑。谁能指出我正确的方向?谢谢!