2016-06-22 26 views
0

Ich habe mit einem Problem kämpfen und die Suche im Internet ergab kein Ergebnis.GWT Registerkarte - wie die Registerkarten auf dem Boden

Grundsätzlich versuche ich in GWT (einfache GWT ohne ext oder smart) eine Registerkarte zu erstellen.

Der Catch ist, dass ich die Tabs auf der Unterseite des Panels sein müssen, nicht an der Spitze, wie sie standardmäßig sind.

Haben Sie irgendwelche Ideen, wie ich das erreichen kann?

Vielen Dank.

Update 1: (Um mehr klar, dass ich Screenshots hinzugefügt haben) Was ist die Standard ->default tab position

Was ich brauche ->needed tab position

+0

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

+0

Hallo @nerdlyist, danke für der Link. Was ich jedoch wirklich will, ist nicht die ganze Tableiste am unteren Rand der Seite zu platzieren, sondern die Tabs am unteren Rand der Tableiste. Ich werde meinen Beitrag mit Screenshots aktualisieren. –

Antwort

2

Die TabPanel ist eigentlich ein Aggregat eines TabBar und ein DeckPanel Widgets. Sie können sie nach Ihren Wünschen gestalten. Alles, was Sie tun müssen, ist addSelectionHandler (oder addBeforeSelectionHandler) an die TabBar, die showWidget (entsprechend ausgewählten Registerkarte) auf der DeckPanel.

Zum Beispiel:

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

danke für die Antwort. Es klappt. Für die Zukunft werde ich etwas Styling hinzufügen und dies vielleicht mit UiBinder tun. Sicherlich eine gute Antwort. –