TabLayoutPanel 禁用 Tab GWT

Question

如何禁用 TabLayoutPanel 中的选项卡（即用户单击选项卡时无法打开该选项卡）？我在网上搜索但无法找到解决方案

谢谢

Answer 1

使用 BeforeSelectionHandler：

TabLayoutPanel myPanel = new TabLayoutPanel();
// Add children...

myPanel.addBeforeSelectionHandler(new BeforeSelectionHandler<Integer>() {
  @Override
  public void onBeforeSelection(BeforeSelectionEvent<Integer> event) {
    // Simple if statement - your test for whether the tab should be disabled
    // will probably be more complicated
    if (event.getItem() == 1) {
      // Canceling the event prevents the tab from being selected.
      event.cancel();
    }
  }
});

如果您希望禁用选项卡的样式与启用选项卡的样式不同，可以使用 < code>TabLayoutPanel#getTabWidget 获取选项卡小部件并为其添加样式名称。

Answer 2

对于稍后遇到此问题的任何人：

从 GWT 版本 1.6 开始，禁用/启用选项卡内置于 GWT 中。
TabBar 类有一个方法 setTabEnabled(int index, booleanenabled)，用于启用/禁用给定索引处的选项卡。

例如，要禁用 TabPanel 中的所有选项卡：

TabPanel myTabPanel = new TabPanel();
// Add children

TabBar tabBar = myTabPanel.getTabBar();
for(int i=0; i<tabBar.getTabCount(); i++) {
    tabBar.setTabEnabled(i, false);
}

请参阅 GWT javadoc 了解更多信息。

以不同方式设置禁用选项卡的样式（GWT 自动执行此操作，但如果您想更改样式）：禁用的 tabBarItem div 会被赋予另一个 CSS 类：gwt-TabBarItem-disabled。

Answer 3

您可以通过将类 Tab 转换为 Widget 来访问选项卡样式

TabPanel tabPanel = new TabPanel();
((Widget)tabPanel().getTabBar().getTab(tabsToDisable.iterator().next())).addStyleName("disabled");