2012-01-30 35 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