1

複数のフォームがあり、1 つの Window クラスを使用してそれらを表示したいと考えています。すべてのフォームのサイズが異なることがあり、すべてを管理したくないので、ウィンドウの最小/最大重量/高さとともに「フィット」レイアウトについて考えました。

dockedItemsしかし、レイアウトを台無しにして、エラーが発生した場合、それは簡単layout failedです。このエラーが私に教えてくれることになっているものは何でも...しかし、OK私はググって、このエラーをなくすために高さと幅を定義する必要があることを発見しましたshrinkWrapDock。コンテンツのサイズ。

もう一度私の質問

ウィンドウに最大/最小サイズがあるときにフォームをウィンドウに自動調整したい場合、どのレイアウトを使用しますか?

編集

厳密にフォームである必要はありません。最小/最大サイズを維持する「フィット」レイアウトで構成された Ext.window.Window だけです。そのため、ウィンドウ内の非常に小さなアイテムには未使用のスペースがあり、非常に大きなアイテムにはスクロールバーがあります。ウィンドウの最小/最大の間のすべてが正確に呼び出されます。例えば

// lets say we have a window configured like this
{
    xtype:'window',
    minHeight: 50,
    maxHeight: 500,
    layout: 'fit'
}
  1. 小さいフォームに-> フォームを 1 つだけ追加しtextfieldます。

    minHeight: 501 つのフィールドの高さが ~40 ピクセルしかないため、ウィンドウが使用します

  2. 最小/最大内に収まる-> 6 秒のフォームを追加しtextfieldます。

    Windows は、フォームに必要なサイズに合わせて ~ 240px に拡大します

  3. 高さフォームへtextfield-> 20秒でフォームを追加

    maxHeight: 50020 フィールドの高さが ~800 ピクセルであるため、ウィンドウが使用します

4

1 に答える 1

0

親コンテナとしてウィンドウ内のパネル(max、min ht wdtを修正)を使用し、そのアイテムにflexプロパティを使用します。つまり、複数のフォームです。

{ xtype:'panel', itemId:'somePanelId', layout :'fit', items :[ { xtype :'form', flex : 2, items [{..}] }, { xtype :'form', flex : 3、項目 [{..}] } }

各フォームのサイズに応じて、フォームごとに異なるフレックスの組み合わせを試してください。フレックスを与えている間、修正番号としてここで「5」と言ってください。つまり、フォーム 1 の 2/5 サイズとフォーム 2 の 3/5 (5 のうちの 3) のスペースです。

于 2016-04-20T09:20:50.030 に答える