4

ビューを作成しているときに、フォームパネルに続いてパネル内のパネルをネストしようとしました。

したがって、基本的には次のようなネストされた構造があります。

Ext.Panel
--Ext.form.Panel
--Ext.Panel

問題は、フォームパネルに高さがないことです。フォームパネルが必要な高さになるといいですね。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"
                    }
                ]
            }
        ]
    }
});

前もって感謝します。

4

2 に答える 2

2

次のようなプロパティを使用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"
                }
            ]
        }
    ]
}
});

Sencha Touch 2 のレイアウトについては、このビデオから詳細を学ぶことができます。お役に立てば幸いです :)

于 2013-01-23T08:58:57.803 に答える
1

フォームパネル (Ext.form.Panel、Sencha Touch 2.3+) を他のコンテナ内に正しく表示するには、scrollable: nullプロパティを追加する必要があります。例を見る

{
    xtype: 'formpanel',
    scrollable: null,         
    items: [
        ...
    ]
}
于 2015-04-20T21:30:13.477 に答える