sencha-touch-2 - Sencha Touch嵌套formpanel高度问题

Question

在构建 View 时，我尝试在面板中嵌套一个表单面板，然后嵌套一个面板。

所以基本上有一个这样的嵌套结构:
Ext.Panel--Ext.form.Panel--Ext.Panel
问题是，formpanel 没有高度。如果formpanel 能达到它需要的高度，那就太好了。就像 CSS 中的 height: auto 一样。

有任何想法吗？

代码如下:

Ext.define('MyApp.view.MyView', {
    extend: 'Ext.Panel',
    xtype: 'myview',

    config : {
        scrollable: true,
        items : [
            {
                xtype: 'formpanel',
                items: [
                    {
                        html: 'Content in formpanel'
                    }
                ]
            },
            {
                xtype: 'panel',

                items: [
                    {
                        html: "Content in panel"
                    }
                ]
            }
        ]
    }
});

提前致谢。

Answer 1

您可以尝试使用 layout和 flex像这样的属性:

Ext.define('MyApp.view.MyView', {
extend: 'Ext.Panel',
xtype: 'myview',

config : {
    scrollable: true,
    layout: 'vbox',
    defaults: {flex: 1},
    items : [
        {
            xtype: 'formpanel',
            items: [
                {
                    html: 'Content in formpanel'
                }
            ]
        },
        {
            xtype: 'panel',

            items: [
                {
                    html: "Content in panel"
                }
            ]
        }
    ]
}
});

您可以从这里了解更多信息 video关于 Sencha Touch 2 中的布局。希望它有所帮助:)