Question

我不了解如何在选项卡式面板中添加网页，这样当我选择一个选项卡时，网页应该显示在那里。我想在GWT中使用UiBinder。我有3页Page1.java，Page2.java和Page2.ui.xml。 Page1.java包含一个带有3个选项卡索引的TabPanel，因此在tabPanel的索引（0）上我想要显示Page2.java。任何帮助赞赏。谢谢！

Answer 1

按照标签的顺序，您只需add小部件TabPanel。因此，如果您希望将Page2.java中的小部件（我假设是一个Composite小部件）显示在TabPanel中，例如，使用“Page 2”的标签文本，您将执行以下操作（在Page1.java中）：

TabPanel panel = new TabPanel();
panel.add(new Page2(), "Page 2");

有关详细信息和示例，我建议您read the documentation on the TabPanel。

还值得一提的是文档：

This widget will only work in quirks mode. If your application is in Standards Mode, use TabLayoutPanel instead.

因此，如果您的主机页面声明如下所示：<!DOCTYPE html>表示您处于标准模式，那么您应该使用TabLayoutPanel小部件。

Answer 2

使用Ui Binder，你可以这样做：

<g:TabPanel>
    <g:Tab text="Page 2">
        <app:Page2 />
    </g:Tab>
    <g:Tab text="Page 3">
        <app:Page3 />
    </g:Tab>
</g:TabPanel>

在标签面板中，您可以根据需要放置多个标签。在选项卡内，您可以放置小部件，复合或某些面板。

您在<app:xxx>顶部的<ui:UiBinder>标记中定义的zzz.ui.xml标记，可能如下所示：xmlns:app="urn:import:com.yourproject.package"。因此，这个包中的每个类（并扩展Composite（或类似））都可以通过这种方式在ui binder中使用。

另请参阅Ui Binder的GWT文档：http://code.google.com/webtoolkit/doc/2.2/DevGuideUiBinder.html

如何在gwt的TabPanel中添加网页？

2 个答案: