Sencha触摸自定义列表到视口

时间:2013-08-19 19:59:03

标签: list extjs sencha-touch viewport

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

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

1 个答案:

答案 0 :(得分:2)

定义视图时,应将视图配置放在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'));
相关问题