Question

我在Sencha Touch2下面有代码，当我运行它时，我得到了像

这样的错误

未捕获的TypeError：无法读取未定义的属性“属性”

我见过很多与getDetailCard类似的代码。为什么我的人无法获得“属性”属性？

Ext.define('MyApp.view.MainTabPanel', {
    extend: 'Ext.tab.Panel',

    config: {
        tabBar: {
            docked: 'top'
        },
        items: [
            {
                xtype: 'container',
                title: 'Documents'
            },
            {
                xtype: 'nestedlist',
                itemId: 'newslist',
                ui: 'dark',
                displayField: 'title',
                store: 'NewsStoreXML',
                title: 'News',
                getDetailCard: function(item, parent) {
                    var itemData = item.attributes.record.data,
                    parentData = parent.attributes.record.data,
                    detailCard = new Ext.Panel({
                        scroll: 'vertical',
                        styleHtmlContent: true,
                        tpl: ["<h2>{text}</h2>","{content}"]
                    });
                    detailCard.update(itemData);
                    this.backButton.setText(parentData.text);
                    return detailCard;
                }
            },
            {
                xtype: 'container',
                title: 'Calendar'
            }
        ]
    },
    requires: [
               'Ext.dataview.NestedList',
               'Ext.TitleBar'
           ]

});

Answer 1

我得到了同样的错误。我修复了它，尝试类似的东西，用if语句包围你的代码，检查你的item对象是否为null。

getDetailCard: function(item, parent) {
    if(item) {
       // do some job on item object here...
       var itemData = item.attributes.record.data,
    }
    var parentData = parent.attributes.record.data,
    detailCard = new Ext.Panel({
        scroll: 'vertical',
        styleHtmlContent: true,
        tpl: ["<h2>{text}</h2>","{content}"]
    });
    detailCard.update(itemData);
    this.backButton.setText(parentData.text);
    return detailCard;
}

您可以使用console.log（item）来查看和显示它的构建方式。对我来说，我可以通过获取item.data.text来获取文本。

Answer 2

首先你可能想要使用：

this.backButton.setText(parentData.text);
==> useTitleAsBackText : true

如果您要切换到详细信息卡（将树保留好），getDetailCard仅为您提供“项目”，但每次在嵌套列表中切换时都会运行两次。

从我看到你要设置一个项目的详细信息视图。为什么不使用正确的事件：

leafitemtap( this, list, index, target, record, e, eOpts )

当用户点击叶子列表项时触发。

e.g。 record.parentNode.getData（）。文本

好处是，只有在你看到一个叶子时才会被触发，而不是每次你在嵌套列表中切换列表时都会被触发。

Sencha Touch Nestedlist无法运行getDetailCard

2 个答案: