問題タブ [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.
java - GWTDockLayoutPanel子ウィジェットのサイズ設定
ウィジェットを作成してDockLayoutPanelに追加します。
サイズパラメータは何を決定しますか?
Googleは、CSSパラメータの左、上、幅、高さ、右、下を使用して、子のサイズを決定すると言います(サブセクションの制約ベースのレイアウト)。
論理的には、値100(単位%)をサイズとして渡すと、ウィジェットは単一のディメンションを表すため、そのコンテナーを埋めることになります。
北のウィジェットが高さ100px、幅100%、東と西が高さ100%、幅25%で、中央が残りのスペースを占めるレイアウトを実現したいだけです。私はバニラDockPanelでこれを達成しましたが、UIはウィンドウサイズの変更などで十分に堅牢ではありませんでした。
DockLayoutPanelのサイズ設定、または役立つポインタについて説明していただければ幸いです。前もって感謝します。
注:すでにアプリケーションを作成しているため、UIバインダーの使用には興味がありません。このプロセスはメンテナンス作業です。
java - GWT - UiBinder のドックレイアウトパネル
UiBinder に DockLayoutPanel を実装する必要があります。UiBinder で < g:north> < g:west> などを使用して、DockLayoutPanel.addNorth()、DockLayoutPanel.addWest() と同じことができることを知っていました。
私の質問は、Uibinder に DockLayoutPanel.insertNorth()、DockLayoutPanel.insertWest() と同じことができるものはありますか?
また、uibinder コマンドを検索して、uibinder に使用できるものを知ることができる公式ドキュメントはありますか?
ありがとう。
css - スクロール ペインの中央のサイズを自動的に調整できる固定ヘッダーとフッターを持つ GWT レイアウトを作成するにはどうすればよいですか?
GWT レイアウトに変換するのに苦労しているデザインを念頭に置いています。
基本的に、固定ピクセルの高さとブラウザー全体の幅を持つヘッダーとフッターが必要です。問題は、両方が常にユーザーに表示されている必要があることです。
北パネルと南パネルで DockLayoutPanel をいじってから、中央にスクロール パネルを追加しました。これは、Unit.PCT を使用するとうまく機能しますが、北パネルと南パネルが常にセットになるように修正する必要があります。高さはピクセル単位ですが、中央のスクロール パネルが 2 つの間のギャップを自動的に埋めることができます。
百聞は一見に如かずので、私はすぐにこれを起草しました:
これを解決する方法がありましたら、ご連絡いただければ幸いです。
java - DockLayoutPanel CENTER 領域にスタイル名プロパティを指定しますか?
GWT で新しい DockLayoutPanel を作成し、パネルの CENTER セクションにスタイル名を付けたいと考えています。助言がありますか?
これはドックレイアウトパネルです:
java - GWT の ScrollPanel 内の DockLayoutPanel
GWT 2.4 を使用していますが、アプリが正常に動作するようにスクロールバーを設定する際に問題があります。ページをズームしようとすると、ページ全体にスクロールバーが表示されなくなりました。
現在、私のアプリは DockLayoutPanel で構成されており、次のように表示されます。
ページの「メイン コンテンツ」(contentSimplePanel) だけではなく、ページ全体にスクロールバーを構成したいと考えています。最後のステップにスクロールバーを追加しようとしました:
しかし、うまくいきませんでした。appContainer 全体に ScrollBar を追加すると、ページにバナーのみが表示され、残りは黒くなります。
助けてくれてありがとう。
java - ContentPanel の GXT Grid が BorderLayout を台無しにする
編集
Colin のおかげで、Grid 自体の問題は修正されましたが、BorderLayoutPanel
まだ奇妙な (小さい) 高さでグリッドが初期化され、中央の境界線がどこにも見つかりません。
--
次のように、別の BorderLayoutContainer を含む BorderLayoutContainer を含む GXT ビューポートを持つ GWT アプリケーションがあります。
Grid を GXT に置き換えると、これは正常に機能しますContentPanel
。
しかし、グリッドを実装すると、不愉快な驚きを覚えます。
グリッドによって、北コンポーネントのサイズが突然小さくなり、ヘッダーの下にさらに隠れて (北コンポーネントには既に 10px のマージントップがあります)、グリッドとグリッドの間の線をTabPanel
つかんでサイズを変更できなくなります。ビューポート。また、このシナリオでは、グリッドにスクロールバーが表示されることが予想されます。また、Grid の ContentPanel を折りたたむときに、中央のコンポーネントが残りのスペースを埋めようとしません。
Grid
GWT パネル ( DockLayoutPanel
、 ) を使用したときは問題なく機能していたので、グリッドを( GXT 内で)SplitLayoutPanel
ラップすることに進みました。変化はありませんでした。VerticalPanel
ContentPanel
DocGrid UiBinder
どんな助けや手がかりも大歓迎です。
編集
リクエストにより、DocGrid.java
}
編集: BLP UiBinder
これは、DocGrid を含む UiBinder コードです。これは、RootPanel に直接あるものです。
関連するJavaはそのままです(UiBinderのクラスのコンストラクター):
gwt - GWT DocklayoutPanel ウィジェットの可視性
を呼び出した後にウィジェットが非表示になっていることを知る方法
Layoutdata にアクセスできないようです。これを行う方法がわかりません。
gwt - DockLayoutPanel からブロック (West、East、North、または South ブロック) を削除できますか?
私は DockLayoutPanel が好きです。ただし、大きな問題があります。
DockLayoutPanel からブロック (West、East、North、または South ブロック) を削除する方法は次のとおりです。
言ってみましょう、私はこのコードを手に入れました
centralDockLayoutPanel から East ブロックを削除したいと考えています。だから私は試しました
しかし、それはうまくいきません
getView().getHappyHTMLPanel().setVisible(false);
また、動作しません
DockLayoutPanel からブロック (West、East、North、または South ブロック) を削除できますか?
gwt - テキストの折り返しに関する DockLayoutPanel の問題
だから私はドック レイアウト パネルを使用しています。北にはタイトルとメニューバーがあり、中央にはテーブルがあります。私の問題は、タイトルが長くなってテキストを折り返すと、メニューバーが押し下げられて見えなくなることです。これは、中央を除くすべてのパネルに固定サイズを設定する必要があるためです。
すべてを中央のパネルに移動することを考えましたが、問題は、テーブルが大きくなり、スクロール バーが表示されると、テーブルをスクロールしてもヘッダーとメニューバーを常に表示したいということです。そのため、すべてをスクロールパネルに入れることはできません。
これらの要件を満たすレイアウトを作成するにはどうすればよいですか? 1. タイトルとメニューバーを常に表示する 2. スクロール可能なテーブル 3. ウィンドウのサイズが変更され、タイトルのテキストが折り返されると、全体が正しくサイズ変更されます。
これが今のレイアウトです: