为什么列表在sencha touch 2中没有显示元素?

时间:2014-02-13 05:53:32

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

我非常喜欢Sencha Touch。我想在屏幕上显示静态列表。我尝试过的代码来自sencha docs guides'using list'。但是,编译和运行时会出现空白屏幕。我是否必须将列表添加到视口?我错过了什么?请帮忙。

我的代码是:

Ext.application({
            launch: function () {
                Ext.create('Ext.List', {
                    store: {
                        fields: ['name'],
                        data: [
                            { name: 'A' },
                            { name: 'B' },
                            { name: 'C' },
                            { name: 'D' }
                        ]
                    },
                    itemTpl: '{name}'
                }); 
            }
        });

2 个答案:

答案 0 :(得分:2)

可能是这个帮助你

Ext.create('Ext.List', {
        fullscreen: true,
        itemTpl: '{title}',
        data: [
            { title: 'Item 1' },
            { title: 'Item 2' },
            { title: 'Item 3' },
            { title: 'Item 4' }
        ]
    });

答案 1 :(得分:1)

抱歉!我的错。我做了一点工作。 我刚刚这样做了:

launch: function() {
var list = Ext.Create('Ext.List',{..
                              .....
                              .....
           itemTpl = '{name}'
            });

      Ext.Viewport.add(list);
      }