Sencha触摸列表不显示数据

Question

我使用以下代码显示列表，但它显示空单元格。

Ext.define('CodeCamp.view.Home',{
    extend:'Ext.Panel',
    xtype:'home',
    config:
    {
        title:"Home",
        iconCls:'home',
        layout:'fit',
        items:[

        {
            xtype:'list',
            store:'CodeCamps',
            data:[
            {title:'Ssssss'},
            {title:'sssadasd'},
            {title:'asdasdasd'}

            ],
            itemTpl:'{title}'

        }


        ]

    }
})

它显示三行（等于数据数组中的项数）。但似乎itemTpl没有效果。

Answer 1

您不应该在列表中同时拥有商店和数据属性。删除存储并解决原始数据属性（没有模型，没有字段，绝对基本的内存数据存储区），或者将存储转换为对象并将数据（以及字段）放在那里。例如：

store: {
    fields: ['title'],
    data: [{ 
        title: 'Title 1'
    },{ 
        title: 'Title 2'
    },{ 
        title: 'Title 3'
    }]
}

如果您尝试根据别名添加商店，则需要在商店对象中使用 type 属性。