Question

我使用Mitchell Simoens git链接的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"   }
                ]
            });
    }
});

Sencha Touch Accordion项目空白

1 个答案: