Sencha List不显示

时间:2013-11-29 12:29:07

标签: extjs sencha-touch sencha-touch-2

Ext.define('myapp.view.alerts.Alerts', {
    extend : 'Ext.List',
    fullscreen: true,
    itemTpl: '{title}',
    data: [
        { title: 'Item 1' },
        { title: 'Item 2' },
        { title: 'Item 3' },
        { title: 'Item 4' }
    ]
});

显示列表,但不显示文本。为什么会这样?这是Sencha Docs的一个例子。 http://docs.sencha.com/touch/2.3.1/#!/api/Ext.dataview.List请帮忙。

1 个答案:

答案 0 :(得分:2)

在示例中,他们使用Ext.create,这意味着他们可以直接传递配置选项。另一方面,您扩展类,因此您必须在config而不是根目录中放置重写的配置选项:

Ext.define('myapp.view.alerts.Alerts', {
    extend : 'Ext.List',
    config: {
        fullscreen: true,
        itemTpl: '{title}',
        data: [
            { title: 'Item 1' },
            { title: 'Item 2' },
            { title: 'Item 3' },
            { title: 'Item 4' }
        ]
    }
});