Sencha Touch NestedList getDetailCard麻烦

时间:2011-07-13 18:23:18

标签: sencha-touch extjs

我在使用嵌套列表和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()方法,它只会让我更加困惑。谁能指出我正确的方向?谢谢!

0 个答案:

没有答案