sencha-touch - 为什么我的列表没有显示在 ST2 的浮动容器中

Question

我正在编写一些测试代码，并希望在浮动容器中显示一个列表。测试代码不起作用。任何人都可以看看我是否缺少任何东西：

var p = Ext.create('Ext.form.Panel', {
    xtype: 'panel',
    scrollable: true,
    centered: true,
    width: 300,
    height: 300,
    items: [
    {
        xtype:"container",
        layout: {
           type: 'vbox'
        },
        items: [            
            {
                xtype: "list",
                itemTpl: '{title},{author}',
                flex: 1,
                store: {
                    autoLoad: true,
                    fields : ['title', 'author'],
                    proxy: {
                        type: 'jsonp',
                        url: 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&q=http://feeds.feedburner.com/SenchaBlog',
                        reader: {
                            type: 'json',
                            rootProperty: 'responseData.feed.entries'
                        }
                    }
                }
            }
        ]
    }   
    ]
});
Ext.Viewport.add(p);

Answer 1

这仅仅是因为您试图在 FormPanel 中放置一个列表。尝试使用容器，此外，如果您只需要在其中放置一个列表，请不要使用“vbox”布局，而是使用合适的布局。

var p = Ext.create('Ext.Container', {
    centered: true,
    width: 300,
    height: 300,
    layout: 'fit',
    items: [            
        {
            xtype: "list",
            ...