Sencha Touch Accordion 项目空白

Question

我正在使用来自 Mitchell Simoens git link 的 Sencha Touch 1.0.1 手风琴布局： https://github.com/mitchellsimoens/Ext.layout.AccordionLayout

我想在其中一个手风琴项目中放置一个表单面板。但是，尽管 formPanel 中的 html 显示，但当我将项目添加到面板时，它会变为空白。

请帮忙！！

我的代码：

var formp = new Ext.form.FormPanel({
scroll : "vertical",
title : "List Test",
//    scrollable : true,
items : [
    {
        xtype : 'textfield',
        label : 'hello',
        id : 'hello',
        name : 'hello'
    }
  ]
});
 var panel = new Ext.Panel({
        fullscreen : true,
        scroll     : "vertical",
        layout     : {
            type :  "accordion"
        },
                    minHeight : 300,
        items: [
            { xtype : "panel", title : "One Title",   html : "One"   },
            list,
            { xtype : "panel", title : "Three Title", html : "Three" },
            { xtype : "panel", title : "Four Title",  html : "Four"  },
            { xtype : "panel", title : "Five Title",  html : "Five"  },
            { xtype : "panel", title : "Six Title",   html : "Six"   }
        ]
    });

Answer 1

我已更新此库以解决我在使用此布局时遇到的一些问题，因此您可以检查这是否解决了您的问题

http://pastebin.com/fGRMBMfn

更新：

new Ext.Application({
    launch : function() {
        var panel = new Ext.Panel({
                fullscreen : true,
                scroll     : "vertical",
                layout     : {
                    type :  "accordion"
                },
                minHeight : 300,
                renderTo : Ext.getBody(),
                items: [
                    { xtype : "panel", title : "One Title",   html : "One"   },
                    { xtype : "panel", title : "Three Title", html : "Three" },
                    { xtype : "panel", title : "Four Title",  html : "Four"  },
                    { xtype : "panel", title : "Five Title",  html : "Five"  },
                    { xtype : "panel", title : "Six Title",   html : "Six"   }
                ]
            });
    }
});