問題タブ [docklayoutpanel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
4254 参照

java - GWTDockLayoutPanel子ウィジェットのサイズ設定

ウィジェットを作成してDockLayoutPanelに追加します。

サイズパラメータは何を決定しますか?

Googleは、CSSパラメータの左、上、幅、高さ、右、下を使用して、子のサイズを決定すると言います(サブセクションの制約ベースのレイアウト)。

論理的には、値100(単位%)をサイズとして渡すと、ウィジェットは単一のディメンションを表すため、そのコンテナーを埋めることになります。

北のウィジェットが高さ100px、幅100%、東と西が高さ100%、幅25%で、中央が残りのスペースを占めるレイアウトを実現したいだけです。私はバニラDockPanelでこれを達成しましたが、UIはウィンドウサイズの変更などで十分に堅牢ではありませんでした。

DockLayoutPanelのサイズ設定、または役立つポインタについて説明していただければ幸いです。前もって感謝します。

注:すでにアプリケーションを作成しているため、UIバインダーの使用には興味がありません。このプロセスはメンテナンス作業です。

0 投票する
3 に答える
1725 参照

java - GWT - UiBinder のドックレイアウトパネル

UiBinder に DockLayoutPanel を実装する必要があります。UiBinder で < g:north> < g:west> などを使用して、DockLayoutPanel.addNorth()、DockLayoutPanel.addWest() と同じことができることを知っていました。

私の質問は、Uibinder に DockLayoutPanel.insertNorth()、DockLayoutPanel.insertWest() と同じことができるものはありますか?

また、uibinder コマンドを検索して、uibinder に使用できるものを知ることができる公式ドキュメントはありますか?

ありがとう。

0 投票する
2 に答える
1731 参照

css - スクロール ペインの中央のサイズを自動的に調整できる固定ヘッダーとフッターを持つ GWT レイアウトを作成するにはどうすればよいですか?

GWT レイアウトに変換するのに苦労しているデザインを念頭に置いています。

基本的に、固定ピクセルの高さとブラウザー全体の幅を持つヘッダーとフッターが必要です。問題は、両方が常にユーザーに表示されている必要があることです。

北パネルと南パネルで DockLayoutPanel をいじってから、中央にスクロール パネルを追加しました。これは、Unit.PCT を使用するとうまく機能しますが、北パネルと南パネルが常にセットになるように修正する必要があります。高さはピクセル単位ですが、中央のスクロール パネルが 2 つの間のギャップを自動的に埋めることができます。

百聞は一見に如かずので、私はすぐにこれを起草しました:

ドラフトデザイン

これを解決する方法がありましたら、ご連絡いただければ幸いです。

0 投票する
1 に答える
128 参照

java - DockLayoutPanel CENTER 領域にスタイル名プロパティを指定しますか?

GWT で新しい DockLayoutPanel を作成し、パネルの CENTER セクションにスタイル名を付けたいと考えています。助言がありますか?

これはドックレイアウトパネルです:

0 投票する
2 に答える
2110 参照

java - GWT の ScrollPanel 内の DockLayoutPanel

GWT 2.4 を使用していますが、アプリが正常に動作するようにスクロールバーを設定する際に問題があります。ページをズームしようとすると、ページ全体にスクロールバーが表示されなくなりました。

現在、私のアプリは DockLayoutPanel で構成されており、次のように表示されます。

ページの「メイン コンテンツ」(contentSimplePanel) だけではなく、ページ全体にスクロールバーを構成したいと考えています。最後のステップにスクロールバーを追加しようとしました:

しかし、うまくいきませんでした。appContainer 全体に ScrollBar を追加すると、ページにバナーのみが表示され、残りは黒くなります。

助けてくれてありがとう。

0 投票する
1 に答える
3783 参照

java - ContentPanel の GXT Grid が BorderLayout を台無しにする

編集

Colin のおかげで、Grid 自体の問題は修正されましたが、BorderLayoutPanelまだ奇妙な (小さい) 高さでグリッドが初期化され、中央の境界線がどこにも見つかりません。

--

次のように、別の BorderLayoutContainer を含む BorderLayoutContainer を含む GXT ビューポートを持つ GWT アプリケーションがあります。 ページ構造のスケッチ

Grid を GXT に置き換えると、これは正常に機能しますContentPanelGrid の代わりに ContentPanel を使用する

しかし、グリッドを実装すると、不愉快な驚きを覚えます。

グリッドは私のコーディングを承認しません

グリッドによって、北コンポーネントのサイズが突然小さくなり、ヘッダーの下にさらに隠れて (北コンポーネントには既に 10px のマージントップがあります)、グリッドとグリッドの間の線をTabPanelつかんでサイズを変更できなくなります。ビューポート。また、このシナリオでは、グリッドにスクロールバーが表示されることが予想されます。また、Grid の ContentPanel を折りたたむときに、中央のコンポーネントが残りのスペースを埋めようとしません。

GridGWT パネル ( DockLayoutPanel、 ) を使用したときは問題なく機能していたので、グリッドを( GXT 内で)SplitLayoutPanelラップすることに進みました。変化はありませんでした。VerticalPanelContentPanel

DocGrid UiBinder

どんな助けや手がかりも大歓迎です。

編集

リクエストにより、DocGrid.java

}

編集: BLP UiBinder

これは、DocGrid を含む UiBinder コードです。これは、RootPanel に直接あるものです。

関連するJavaはそのままです(UiBinderのクラスのコンストラクター):

0 投票する
2 に答える
301 参照

gwt - GWT DocklayoutPanel ウィジェットの可視性

を呼び出した後にウィジェットが非表示になっていることを知る方法

Layoutdata にアクセスできないようです。これを行う方法がわかりません。

0 投票する
2 に答える
476 参照

gwt - DockLayoutPanel からブロック (West、East、North、または South ブロック) を削除できますか?

私は DockLayoutPanel が好きです。ただし、大きな問題があります。

DockLayoutPanel からブロック (West、East、North、または South ブロック) を削除する方法は次のとおりです。

言ってみましょう、私はこのコードを手に入れました

centralDockLayoutPanel から East ブロックを削除したいと考えています。だから私は試しました

しかし、それはうまくいきません

getView().getHappyHTMLPanel().setVisible(false);

また、動作しません

DockLayoutPanel からブロック (West、East、North、または South ブロック) を削除できますか?

0 投票する
2 に答える
182 参照

gwt - テキストの折り返しに関する DockLayoutPanel の問題

だから私はドック レイアウト パネルを使用しています。北にはタイトルとメニューバーがあり、中央にはテーブルがあります。私の問題は、タイトルが長くなってテキストを折り返すと、メニューバーが押し下げられて見えなくなることです。これは、中央を除くすべてのパネルに固定サイズを設定する必要があるためです。

すべてを中央のパネルに移動することを考えましたが、問題は、テーブルが大きくなり、スクロール バーが表示されると、テーブルをスクロールしてもヘッダーとメニューバーを常に表示したいということです。そのため、すべてをスクロールパネルに入れることはできません。

これらの要件を満たすレイアウトを作成するにはどうすればよいですか? 1. タイトルとメニューバーを常に表示する 2. スクロール可能なテーブル 3. ウィンドウのサイズが変更され、タイトルのテキストが折り返されると、全体が正しくサイズ変更されます。

これが今のレイアウトです: