GWT 选项卡面板 - 如何将选项卡放在底部

Question

我一直在为一个问题而苦苦挣扎，在网上搜索没有得到任何结果。

基本上，我试图在 GWT（没有 ext 或 smart 的普通 GWT）中创建一个选项卡面板。

问题是我需要将选项卡放在面板的底部，而不是顶部，默认情况下它们是这样的。

你对我如何实现这一点有什么想法吗？

谢谢。

更新 1：（为了更清楚，我添加了屏幕截图）默认值是多少 -> default tab position

我需要的 -> needed tab position

Answer 1

TabPanel实际上是TabBar and a DeckPanel个小部件的集合。你可以随意安排它们。您所要做的就是 addSelectionHandler（或 addBeforeSelectionHandler）到 TabBar，showWidget（根据所选选项卡）在 DeckPanel 上。

例如：

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);

GWT 选项卡面板 - 如何将选项卡放在底部

GWT tab panel - how to put the tabs on the bottom

gwt

tabs

tabpanel

gwt-tablayoutpanel