問題タブ [gwt-tablayoutpanel]
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.
css - CSS を GWT から (動的に) 関連付けられた複数のスタイルを持つ要素に設定する
タブの数が動的に設定される TabLayoutPanel のインスタンスがあります。したがって、タブを揃えて画面の幅全体を埋めるには、必要があります
1) gwt-TabTayoutPanel のデフォルト値幅 16384px を auto !important (完了) でオーバーライドします。
2) gwt-TabTayoutPanelタブの幅を適切なパーセント値に設定します (例: 2 つのタブ = 50%、3 つのタブ = 33%、4 つのタブ = 25% など)。次のような単純な関数があります(簡略化):
ダブル cssValue = 100.0/getWidgetCount();
(終わり)
3) ここで私の質問に行きます: Java から gwt-TabTayoutPanelタブの幅を設定するにはどうすればよいですか? タブを太字にしたのは、使用するthis.getStyleName();
と gwt-TabLayoutPanel ではなく gwt-TabLayoutPanel Tabが返されたためです。
要するに、質問を 2 つに分けることができます。
- GWT からTabLayoutPanelタブcss クラスにアクセスする方法?;
-動的に生成されたパーセンテージでクラス幅を設定する方法は?;
編集: パーセンテージ値を決定するための関数の適切な編集。
java - ScrollPanel内のGWT TabLayoutPanel
彼らが 2.0 で導入した GWT のレイアウト システムを理解しようと懸命に努力しています。推奨されていると思われますが、古い方法よりもはるかに複雑に思えます。
私がやりたいこと (これは非常に基本的な設計だと思います) は、ヘッダー、左側の垂直メニュー、フッター、およびスクロール コンテンツ セクションを備えたアプリケーションを構築することです。
そのためには、次のようにします。
それは完全にうまくいきます。ただし、ScrollPanel (すべてのコンテンツが配置される場所) は明らかにレイアウト フローを中断します。だから、私の活動では、私は持っています:
viewPanel に TabLayoutPanel を追加すると、正しく表示されません。LayoutPanel などに接続されている LayoutPanel に接続されている LayoutPanel に、RootLayoutPanel まで追加する必要があります。
だから、私はこれを試します:
そして、私の ui:binder には、次のものがあります。
ここで2つのこと。
私は高さを設定したくありません。タブ パネルをコンテンツと同じ大きさにしたい。アプリをレイアウトするこの「より良い」方法で高さを設定する必要がある理由がわかりません。
まだ画面にはまったく映っていません。ScrollPanelにアタッチされているためだと思います。私を混乱させているのは、ScrollPanel が実際に RequiresSize と ProvidesResize を実装しているので、有効な LayoutPanel ではないということですか? LayoutPanel が行うことは文字通りすべてです。これらのインターフェースを実装するのは ComplexPanel です
ページを調べて、TabLayoutPanel があるべき場所にカーソルを合わせると、そこにあるかのように (Chrome で) 青色のハイライトが表示されますが、
高さがないので、TabLayoutPanel を非表示にします。実際、ビューアーで高さを編集すると、TabLayoutPanel が表示されます。
ここで根本的に間違ったことをしていますか?私は非常にやりたいです:
RootLayoutPanel > DockLayoutPanel > ScrollPanel > *Some Container > TabLayoutPanel
そして物事がただ...うまくいくために。内部で生成されるすべてのテーブルを取り除くために、現在のアプリをこの新しいレイアウトのものに変換しようとしていますが、修正するよりも多くの問題を引き起こしているようです。
*このコンテナには、タブ パネルの上下にあるものがあります
gwt - GWT タブ パネル - タブを下部に配置する方法
私は問題に苦しんでおり、Web を検索しても結果が得られませんでした。
基本的に、GWT (ext または smart のないプレーンな GWT) でタブ パネルを作成しようとしています。
問題は、タブをパネルの上部ではなく、デフォルトのようにパネルの下部に配置する必要があることです。
どうすればこれを達成できるかについてのアイデアはありますか?
ありがとうございました。
更新 1: (より明確にするために、スクリーンショットを追加しました) デフォルトとは ->デフォルトのタブ位置
必要なもの ->必要なタブ位置