GWT TabLayoutPanel siempre se derrumbó

StackOverflow https://stackoverflow.com/questions/3612593

Pregunta

Tengo un TabLayoutPanel trivial hecho con una UiBinder. Las pestañas hacen pero ninguno de los contenidos hacen. Está en el HTML, pero siempre se derrumbó (estilos en línea establecidos en los elementos hacen que se derrumbe). Por lo que yo puedo decir que esto es idéntico a todos los ejemplos TabLayoutPanel que he visto. Otros widgets hacen bien. El proyecto es sólo el ejemplo básico con el valor por defecto el código HTML y despojado.

El XML es: 

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
 xmlns:g="urn:import:com.google.gwt.user.client.ui">
 <g:TabLayoutPanel barHeight='22' barUnit='PX'>
  <g:tab>
   <g:header>Tab A</g:header>
   <g:HTML>
   asdf
   <p>asdfasdf</p>
   </g:HTML>
  </g:tab>
  <g:tab>
   <g:header>Tab B</g:header>
   <g:Label>blah</g:Label>
  </g:tab>
  <g:tab>
   <g:header>Tab C</g:header>
   <g:Label>blah</g:Label>
  </g:tab>
 </g:TabLayoutPanel>
</ui:UiBinder>

Y el Java es: 

public class Main extends Composite {

 private static MainUiBinder uiBinder = GWT.create(MainUiBinder.class);

 interface MainUiBinder extends UiBinder<Widget, Main> {
 }

 public Main() {
  initWidget(uiBinder.createAndBindUi(this));
 }
}

Y estoy añadiendo a mi aplicación como esta: 

public void onModuleLoad() {
  RootPanel.get().add(new Main());
 }

Estoy sorprendido. Esto debería ser trivialmente fácil. Debo estar perdiendo algo estúpida. Algunas ideas?

¿Fue útil?

Solución

Agregar a RootLayoutPanel. 

public void onModuleLoad() {
  RootLayoutPanel.get().add(new Main());
}

Y no se olvide de usar DOCTYPE correcto en su html. 

<!DOCTYPE html>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top