Sencha触摸自定义列表到视口

Question

我在将自定义列表视图添加到视口时遇到了一些问题。 如果我使用文档中的示例，如下面的行，它可以正常工作

Ext.Viewport.add(Ext.create('Ext.List', {
store: {
    fields: ['name'],
    data: [
        {name: 'Cowper'},
        {name: 'Everett'},
        {name: 'University'},
        {name: 'Forest'}
    ]
},

itemTpl: '{name}'
}));

如果我定义自己的列表，然后尝试添加它，它就不起作用。我做错了什么？

Ext.define('MyList', {
    extend: 'Ext.List',
    store: 
    { fields: ['name'],
      data: [{name: 'Cowper'},
            {name: 'Everett'},
            {name: 'University'},
            {name: 'Forest'}],
    },
    itemTpl: '{name}'});
Ext.Viewport.add(Ext.create('MyList'));

Answer 1

定义视图时，应将视图配置放在config中。

试试这个

Ext.define('MyList',{
        extend: 'Ext.List',
        config: {
            store: { 
                fields: ['name'],
                data: [{name: 'Cowper'},
                {name: 'Everett'},
                {name: 'University'},
                {name: 'Forest'}],
            },
            itemTpl: '{name}'
       }
});

Ext.Viewport.add(Ext.create('MyList'));