GXT 3更改标签样式（添加css）

Question

GXT 3有一个功能，可以在tabpanel中添加一个标签

      tabPanel.add(html, new TabItemConfig(title, true));

我必须更改此选项卡名称的样式以及内容。这些没有效果：

           tabPanel.setStyleName("tab-title", true);
           html.setStyleName("tab-title", true);

TabItemConfig没有改变样式的方法。 如何实现？...

Answer 1

我看到你找到了解决方案，但我把它留在这里，因为它很简单，可以节省一些时间：

class StylableTabPanel extends TabPanel {
    public void applyTabStyles(Widget widget, String styles) {
        findItem(getWidgetIndex(widget)).applyStyles(styles);
    }
}

然后：

tabPanel = new StylableTabPanel();
HTML shortText = new HTML("Lorem ipsum...");
tabPanel.add(shortText, "Short Text");
HTML longText = new HTML("<b>lorem ipsum dolor sit amet...</b>");
tabPanel.add(longText, "Long Text");
tabPanel.applyTabStyles(longText, "margin-left: 300px;");