Tabs GXT选项卡面板，在左上方和右上方有选项卡

我是GXT新手，我正在尝试创建TabPanel，它在左侧有一些选项卡，在右侧有一些选项卡（如图2所示）。我可以毫无问题地创建最简单的选项卡面板，如图1所示

在GWT中，我以这种方式将一些选项卡移动到右侧：

tabLayoutPanel.getTabWidget(i).getParent().addStyleName("right");

和CSS：

.right {
   float: right;
   margin-right: 6px;
}

但我在GXT选项卡面板中找不到像getTabWidget这样的选项

---

你能帮我拿这个箱子吗？提前感谢。

您必须进行小规模的hack才能访问GXT 3中的选项卡处理程序

类StylableTabPanel扩展选项卡面板{
public void applyTabStyles（小部件、字符串样式）{
findItem（getWidgetIndex（小部件））.applyStyles（样式）；
}
}

然后：

tabPanel=new StylableTabPanel（）；
HTML短文本=新HTML（“Lorem ipsum…”）；
tabPanel.add（短文本，“短文本”）；
HTML longText=新HTML（“lorem ipsum dolor sit amet…”）；
tabPanel.add（长文本，“长文本”）；
tabPanel.applyTabStyles（长文本，“左边距：300px；”）；

不幸的是，您必须手动计算左边距，因为您不能在此处使用“float:right”：GXT开发人员决定将“width:1000000px；”分配给包含制表符的UL元素。因此，这种浮动规则只是将其推到容器右边缘之外（除非屏幕宽度超过1000000像素；]）

---

我希望这会有所帮助。

您必须进行一些小的修改才能访问GXT 3中的选项卡处理程序

类StylableTabPanel扩展选项卡面板{
public void applyTabStyles（小部件、字符串样式）{
findItem（getWidgetIndex（小部件））.applyStyles（样式）；
}
}

然后：

tabPanel=new StylableTabPanel（）；
HTML短文本=新HTML（“Lorem ipsum…”）；
tabPanel.add（短文本，“短文本”）；
HTML longText=新HTML（“lorem ipsum dolor sit amet…”）；
tabPanel.add（长文本，“长文本”）；
tabPanel.applyTabStyles（长文本，“左边距：300px；”）；

不幸的是，您必须手动计算左边距，因为您不能在此处使用“float:right”：GXT开发人员决定将“width:1000000px；”分配给包含制表符的UL元素。因此，这种浮动规则只是将其推到容器右边缘之外（除非屏幕宽度超过1000000像素；]）

---

我希望这能有所帮助。

我尝试过，但选项卡标题仍然显示在顶部。你能发布完整的代码吗？你用这个工作了好几个小时才救了我！非常感谢。顺便问一下，你是如何想出解决办法的？关于GXT，有一件事我不能忍受，那就是我不清楚如何修改基本代码库来做我想做的事情。@NickO：只是浏览器中的开发工具（我更喜欢Chrome进行开发）和学习GXT的代码源。如果您的IDE调整正确（我推荐IDEA或Eclipse+Maven），那么所有需要的源代码都会在手边。还有一件事：关于

applyStyles

method的文档中：样式属性名称必须小写，例如“backgroundColor:white；color:red；。没有它，firefox无法正确显示样式（铬合金材质，工作正常）。我试过了，但是标签标题仍然出现在顶部。你能发布完整的代码吗？你用这个工作了好几个小时后救了我！谢谢你。顺便问一下，你是如何想出解决方案的？GXT有一点我不能忍受，那就是我不清楚如何修改基本代码库来做我想做的。@NickO:只是开发人员而已浏览器中的工具（我更喜欢Chrome进行开发）和学习GXT的代码源。如果您的IDE调整正确（我建议使用IDEA或Eclipse+Maven），那么所有需要的源代码都将在手边。还有一件事：关于

applyStyles

method的文档中：样式属性名称必须使用小写，例如。”背景颜色：白色；颜色：红色；。没有背景颜色，firefox无法正确显示样式（在Chrome和IE中，它工作正常）。