2

我正在尝试在 GWT 中制作动态 TabPanel。我希望 TabPanel 中的文本根据用户在 TextBox 中键入的内容进行更改。例如,键入“Tab one”会将选项卡文本更改为“Tab one”。但是,我似乎找不到更改选项卡名称的方法。getTitle() 只返回标题,而不是实际文本。有谁知道如何做到这一点?

一种方法可能是删除选项卡并使用相同的内容重新创建它,但如果可能的话,我真的很想避免这种情况。谢谢。

4

1 回答 1

2

好吧,“onnoweb”已经给出了正确的答案,但是这里有一个演示示例。

package stefank.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.dom.client.Style.Unit;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.TabLayoutPanel;

public class _02_GWTAnimation implements EntryPoint {

    public void onModuleLoad() {

        // Create a tab panel
        final TabLayoutPanel tabPanel = new TabLayoutPanel(2.5, Unit.EM);
        tabPanel.setHeight("100px");
        tabPanel.setAnimationDuration(1000);
        tabPanel.getElement().getStyle().setMarginBottom(10.0, Unit.PX);

        // Add a home tab
        String[] tabTitles = {"hello", "world"};
        HTML homeText = new HTML("Lorem ipsum");
        tabPanel.add(homeText, tabTitles[0]);


        // Add a tab
        HTML moreInfo = new HTML("Lorem ipsum");
        tabPanel.add(moreInfo, tabTitles[1]);

        // Return the content
        tabPanel.selectTab(0);
        tabPanel.ensureDebugId("cwTabPanel");

        RootPanel.get().add(tabPanel);

        Button changeText = new Button("change Text");
        changeText.addClickHandler(new ClickHandler() {

            @Override
            public void onClick(ClickEvent event) {
                tabPanel.setTabText(0, "new Title");                
            }
        });
        RootPanel.get().add(changeText);

    }
}
于 2012-08-27T20:53:59.013 回答