問題タブ [layoutpanels]

GWT 開発者サイトには、ページの中央にあるパネルを示す例があります。GWT レイアウトパネルを使用して、ページの中央にパネルを固定することは可能ですか?

http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html#LayoutPanels

LayoutPanelのレイヤーから隠されたoverflow：hidを上書きする方法はありますか？これは私が持っているものです：

ui：fieldをlayer要素に割り当てることができず、上記のインラインスタイルが機能していないようです。その特定のレイヤーにoverflow：visibleを割り当てる必要があります。これに対する回避策はありますか？

どうもありがとう。

私は ie7 からアクセスする TabLayoutPanel を持っています。タブを初めて表示したとき、タブは 32px x 32px まで折りたたまれています。2 番目のタブを選択すると、コンテンツ領域がいっぱいになり、最初のタブに戻ると正しく表示されます。私が使用していて、tablayoutpanel の祖先はすべて何らかの形式の layoutpanel です。ie8 と chrome で動作します。何か案は？

更新: タブ パネルで機能していないのはサイズ変更であることに気付きました。タブを切り替えたときにのみ、パネルのサイズが変更されます。ブラウザ ウィンドウのサイズを変更しても、タブ パネルは同じサイズのままです。2 番目にタブを変更すると、タブ パネルがブラウザに正しく表示されます。

子フォームをメイン フォームに追加できるようにする必要があるアプリがあります。実行時に子フォームをメイン フォームに簡単に追加できますが、メイン フォームのサイズを変更すると、それに応じて子フォームのサイズが変更されません。

子フォームをフローレイアウトパネルに追加するとサイズ変更に役立つかどうか、またはメインフォームの「サイズ変更」イベントにサブスクライブしてそれに応じて子フォームのサイズを変更するだけでよいかどうか疑問に思っていました。

LayoutPanelを親LayoutPanel（RootLayoutPanel、画面、ブラウザページ）の中央に配置するにはどうすればよいですか？内側のパネルが固定サイズであると仮定すると、外側のパネルは柔軟性があり、サイズを変更します（ブラウザウィンドウを使用）。

Vaadinでは、1行のコマンドです。
(VerticalLayout)outerPane).setComponentAlignment(innerPane, Alignment.MIDDLE_CENTER);

GWTに相当するものは何ですか？
GWT Layout.Alignment列挙型は、BEGINENDSTRETCHのみを提供します。
不十分。画面中央の配置は、小さいフォーム、ダイアログボックス、警告メッセージ、ログイン画面などを表示するために不可欠です。

GWTフォーラムへの私の投稿の詳細
ありがとうございます

---更新（27.2.2012）---------------

提案された手法を使用するには（setWidgetLeftRight（）およびsetWidgetTopBottom（）を使用）、実際には、外部コンポーネントに対する内部コンポーネントのNW位置（x、y）を計算し、外部コンテナーまたは内部コンテナー（コンテンツの高さ）のサイズを変更するたびに計算する必要があります。

したがって、GWTがセンタリングをサポートしておらず、最新バージョンでもサポートしていないように思われる場合は、さらに多くのコーディングが必要になります。

x、yは次のように計算されます：
x =（w1 – w2）/ 2
y =（h1 – h2）/ 2
ここで、
w1-外部コンポーネントの幅（可変、簡単に取得できますか？）
h1-外部コンポーネントの高さ（可変、簡単）取得するには？）
w2-内側中心のコンポーネントの幅（固定）
h2-内側中心のコンポーネントの高さ（内容によって異なりますが、取得が難しい場合があります）

すべてできればピクセル（PX？）またはEMで。％と混合すると、より多くの変換を行う必要があります。

サイズ変更イベントが発生するたびに、座標を再計算する必要があります（w1、h1の変更）。

内部コンテンツを変更するたびに、座標を再計算する必要があります（h2が変更されます）。

変装したほぼ絶対的なレイアウト（AbsolutePanel）です。

CSSソリューション？このサーバーでいくつかの例を見つけましたが、解決済みとしてマークされたものはありません。垂直方向と水平方向の両方のセンタリングと柔軟な内部コンポーネントの高さはありません。

CSSベースのレイアウトソリューションを好まない理由：

• クロスブラウザの問題が発生しやすい。GWTはここでは役に立ちません。
• コードとCSSでレイアウトを混在させることは、設計上の悪い決定だと思います。CSSは、「装飾的な」宣言（フォントのサイズと色、余白、パディング）に残しておくのが最適です。
• CSSレイアウトに関する私自身の悪い経験。すべてをまとめる前に、壊れやすく、デバッグが難しく、多くの頭痛の種があります。避けるのが最善です。私はGWTに大きな期待を寄せていました。

私はこのコードベースのソリューションについて考えています：

• ウィジェットの新しいサブクラス？パネル？レイアウト？成分？（内部コンポーネント）
• RequiredResizeexpectを実装し、onResize（）コールバックメソッドを実装します
• 可変次元（w1、h1、h2）の実際の値を取得します。どのように？
• 内部コンポーネントの新しい座標を設定します。どのように？

これらの前提に基づいてソリューションを提供する人を指します:)

DataGrid を使用して、stacklayoutpanel に配置しようとしました。ListDataProvider のデータを提供するときに、CellTable は非アクティブなタブにあるためブラウザーに表示されません (ただし、DOM ツリーには表示されます)。CellTable を含むタブに切り替えた後、そこにはデータがありません。タブがデータ プロビジョニング時にアクティブである場合、テーブルは正しく入力されています。列を並べ替え可能にしたので、並べ替えをクリックすると、データが正しく表示されます。別のネイティブ タブをクリックしたときに、データが自動的に表示されるようにしたい。celltable を使用するように切り替えれば、これは問題になりません。

これは GWT のバグであり、GWT 2.5 RC で修正されていることはわかっていました。しかし、上司はまだ GWT2.5RC を使用することを望んでいません。これを修正するには回避策が必要です。私は誰かが datagrid.redraw() がそれを修正できると言ったことを知っていました。疲れましたが、表示がおかしいです。たとえば、DataGrid に 10 行あり、2 番目のタブを選択した後、redraw() が呼び出され、データが自動的に表示されますが、データとスクロール バーを表示するブロックは 10 ピクセルほどしかありません。他の行を表示するには、下にスクロールする必要があります。タブの下部には、使用されていないスペースがたくさんあります。誰かがこれを修正する方法を教えてもらえますか? それで、私はそれを修正するために間違った方法を使用しましたか？この問題を解決するために他にできることはありますか。誰かヒントを教えてください。

ありがとう

よろしくお願いします

SplitLayoutPanel に scrollPanel があり、ユーザーがアプリケーションが実行するはずのいくつかのアクティビティを実行する際にログ メッセージを入力したいと考えています。サーバーで何が起こっているかを確認するために、UI ページでロガー コンソールをユーザーに提供しようとするだけです。CellList を使用して、数秒ごとにポーリングし続けるログ メッセージをスクロールバーに入力しました。問題は、scrollPanel に一定量のログ メッセージが送信された後、印刷が停止することです。Max バッファ サイズを指定し、メモリ不足を避けるために、Max 制限に達したときに cellList から古いアイテムを削除し続けます。そして、私はそれが期待どおりに機能することを知っています。しかし、停止する理由がわかりません。それについて何か考えはありますか？

レイアウト用のCSSがすでにあるのに、なぜGWTでレイアウトパネルを使用する必要があるのですか？

たとえば、gwtでは、layoutpanelを使用してStackLayoutPanelをレイアウトします

GwtChosen 1.1.0 と GwtQuery 1.3.3 を使用しています。RootLayoutPanel ウィジェットではなく、RootPanel ウィジェットでのみうまくいくようです。

RootLayoutPanel で使用できないことは、GwtChosen の既知の制限ですか?

以下のサンプルコードとスクリーンショット。RootLayoutPanel サンプルは、スタック内の GWTChosen ウィジェットのドロップダウンを隠しているため、使用できないままになっていることに注意してください。

いくつかのレイヤーを含むレイアウト パネルを使用しています。レイヤーの 1 つは非常に単純ですが、フロートを要素に配置したいと考えています。しかし、これは実際には機能しません。これは、サブウィジェットがスタイル設定style="postition: absolute; left: 0px; ..."をオーバーライドしてスタイル設定され、サブパネル/ウィジェットが常に左側に配置されるためです。これに対する回避策はありますか？