sencha 触摸列表组件

Question

我有一个似乎可以正常工作的列表面板，但是当显示详细信息卡时，我得到的是“未定义”这个词而不是我的模板。

这是代码的一部分：

Ext.regModel('Complementarias', {
fields: ['MiniAct', 'Actividad', 'Fecha', 'Mes']
});

var store = new Ext.data.JsonStore({
model  : 'Complementarias',
sorters: 'MiniAct',
getGroupString : function(record) {
    return record.get('MiniAct')[0];
},
data: [
    {MiniAct: '1', Actividad: '2', Mes: '3', Fecha: '4' }
]
});

baApp.detailPanel = new Ext.Panel({
        id: 'detailpanel',
        itemTpl: 'testa',
        html: '',
        dockedItems: [
            {
                xtype: 'toolbar',
                title: "Extensión",
                ui: "light", 
                items: [{
                    text: 'atrás',
                    ui: 'back',
                    handler: function() {
                        Extension.setActiveItem('indexlist', {type:'slide',     direction:'right'});
                    }
                }]
            }
        ]
    });

baApp.listPanel = new Ext.List({
id: 'indexlist',
itemTpl : '<div id="extension"><h1>{MiniAct}</h2><br><h2>{Fecha}</h2></div>',
grouped : true,
store: store,
onItemDisclosure: true,
listeners:{
            itemtap: function(view, index, item, e){
            baApp.detailPanel.update(view.data);
            Extension.setActiveItem('detailpanel', {type:'slide', direction:'left'});
        }
    }
});

Extension = new Ext.Panel({
layout: 'card',
iconCls: 'chat3', 
title:"Extensión",
defaults: {
    scroll: 'vertical'
},
items: [baApp.listPanel, baApp.detailPanel]
});




baApp.views.Viewport = Ext.extend(Ext.TabPanel, {
fullscreen: true,
style: "background-color: white;",
tabBar: {
    dock: 'bottom',
    sortable: true,
    layout: {
    pack: 'center'
    }
},
items: [
{xtype: 'inicio'},
{xtype: 'planes'},
Extension,
{xtype: 'plano'},
{xtype: 'directorio'}
]

});

有人知道未定义的来源吗？

谢谢

Answer 1

据我所知，Ext.List - 您在 itemtap 侦听器中称为“视图”的内容 - 没有“数据”属性。您可能正在考虑记录，您可以使用从同一事件传递的索引来获取该记录：

listeners: {
    itemtap: function( view, index, item, e ) {
        var rec = view.getStore().getAt(index);
        baApp.detailPanel.update(rec.data);
        Extension.setActiveItem('detailpanel', {type:'slide', direction:'left'});
    }
}