2012-01-30 38 views
0

我不理解如何在标签面板内添加网页,以便当我选择一个标签时,网页应显示在那里。我正在尝试在GWT中使用UiBinder。 我有3页Page1.java,Page2.java和Page2.ui.xml。 Page1.java包含一个带有3个选项卡索引的TabPanel,所以在tabPanel的索引(0)上我想要Page2.java被显示。 任何帮助表示赞赏。谢谢!如何在gwt的TabPanel中添加网页?

回答

2

您只需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部件。

0

与UI活页夹,你可以做这样的:

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

里面的标签面板,只要你想你可以把尽可能多的标签。在选项卡内部,您可以放置​​小部件,复合或某个面板。

您在zzz.ui.xml顶部的<ui:UiBinder>标记中定义的<app:xxx>标记可能如下所示:xmlns:app="urn:import:com.yourproject.package"。因此,这个包中的每个类(并且扩展了Composite(或类似的))都可以这样用在UI绑定中。

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