2016-06-22 4 views
0

私は問題に苦しんでおり、ウェブを検索しても結果が得られませんでした。GWTタブパネル - タブを下に置く方法

基本的に私は、GWT(extまたはsmartなしのプレーンGWT)でタブパネルを作成しようとしています。

キャッチフレーズは、パネルの下部にあるタブが上部でなく、デフォルトでどうなっているかがわかります。

私はこれを達成するためのアイデアはありますか?

ありがとうございます。

更新1: はデフォルトどのようなものです(私はスクリーンショットを追加した、より明確にする) - >default tab position

私は必要なもの - >needed tab position

+0

は用http://stackoverflow.com/questions/10736400/tablayoutpanel-at-the-bottom-of-the-page-in-gwt – nerdlyist

+0

@nerdlyistこんにちは、感謝を参照してください。リンク。しかし、私が実際に望むのは、ページの下部にタブパネル全体を配置するのではなく、タブパネルの下部にタブを配置することです。私はスクリーンショットで投稿を更新します。 –

答えて

2

TabPanelが実際にTabBarとの集合体でありますDeckPanelウィジェット。あなたは好きなようにそれらを手配することができます。あなたがしなければならないのはDeckPanelshowWidget(選択されたタブによる)になるTabBarへのaddSelectionHandler(またはaddBeforeSelectionHandler)です。例えば

TabBar tabs = new TabBar(); 
final DeckPanel deck = new DeckPanel(); 

for(int i = 0; i < 5; i++) { 
    tabs.addTab("Tab " + Integer.toString(i + 1)); 
    deck.add(new Label("Label " + Integer.toString(i + 1))); 
} 

tabs.addSelectionHandler(new SelectionHandler<Integer>() { 
    @Override 
    public void onSelection(SelectionEvent<Integer> event) { 
     deck.showWidget(event.getSelectedItem()); 
    } 
}); 

VerticalPanel vPanel = new VerticalPanel(); 
vPanel.add(deck); 
vPanel.add(tabs); 

tabs.selectTab(0); 
+0

お返事ありがとうございます。できます。将来的にはスタイリングを追加し、UiBinderでこれを行う予定です。確かに大きな答えです。 –

関連する問題