我正在尝试在GWT中创建一个动态TabPanel。我希望TabPanel中的文本根据用户在TextBox中键入的内容进行更改。例如,键入“Tab one”会将标签文本更改为“Tab one”。但是,我似乎无法找到更改选项卡名称的方法。 getTitle()只返回标题,而不是实际的文本。有谁知道怎么做?
一种方法可能是删除选项卡并使用相同的内容重新创建它,但我真的希望尽可能避免这种情况。 感谢。
答案 0 :(得分: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);
}
}