list - 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'));