SmartGWT - wie Bestellpositionen in dynamische Form?

Question

Ich versuche, ein DynamicForm mit Spalten zu erstellen, aber ich kann die Elemente nicht in Spalten sortieren. Wenn ich die Elemente in die DynamicForm lege, existiert eine Spalte, die leer bleibt.

Empty column - example

Dies ist ein Auszug des Codes, die ich benutze:

DynamicForm form = new DynamicForm(); 
form.setTitleSuffix(""); 
form.setIsGroup(true); 
form.setGroupTitle("DETALLES DEL PLAN"); 
form.setWidth(720); 
form.setColWidths("150","200","150","200"); 
form.setNumCols(4); 

StaticTextItem planT = new StaticTextItem("Nombre de Plan: "); 
StaticTextItem plan = new StaticTextItem("PLAN B"); 

StaticTextItem tipoCartaT = new StaticTextItem("Tipo de Carte:"); 
tipoCartaT.setStartRow(true); 
SelectItem tcSelect = new SelectItem(); 
tcSelect.setShowTitle(false); 
StaticTextItem periodoT = new StaticTextItem("Periodo: "); 
SelectItem peSelect = new SelectItem(); 
peSelect.setShowTitle(false); 
peSelect.setEndRow(true); 

StaticTextItem descT = new StaticTextItem("Descripcion del Plan"); 
descT.setStartRow(true); 
TextAreaItem deText = new TextAreaItem(); 
deText.setShowTitle(false); 
deText.setStartRow(true); 
deText.setColSpan(3); 
deText.setWidth(520); 

form.setItems(planT,plan,tipoCartaT,tcSelect,periodoT,peSelect,descT,deText); 

addMember(form); 

Ich versuche wie folgt aussehen:

correct order form

Answer 1

Die StaticTextItems 2 Colums Breite standardmäßig sind wenn der Titel nach links ausgerichtet ist. Also ist der leere Raum, den Sie betrachten, der Wert von PlanT textItem.

Sie müssen kein leeres StaticTextItem für Titel verwenden, Sie können es so machen.

DynamicForm form = new DynamicForm(); 
form.setTitleSuffix(""); 
form.setIsGroup(true); 
form.setGroupTitle("DETALLES DEL PLAN"); 
form.setWidth(720); 
form.setColWidths("150","200","150","200"); 
form.setNumCols(4); 

StaticTextItem planT = new StaticTextItem("Nombre de Plan"); 
planT.setTitleOrientation(TitleOrientation.LEFT); 
planT.setStartRow(true); 
planT.setEndRow(true); 
planT.setValue("Plan B"); 

SelectItem tcSelect = new SelectItem("Tipo de Carte"); 
tcSelect.setTitleOrientation(TitleOrientation.LEFT); 
tcSelect.setStartRow(true); 

SelectItem peSelect = new SelectItem("Periodo"); 
peSelect.setTitleOrientation(TitleOrientation.LEFT); 
peSelect.setEndRow(true); 

TextAreaItem deText = new TextAreaItem("Descripcion del Plan"); 
deText.setTitleOrientation(TitleOrientation.LEFT); 
deText.setStartRow(true); 
deText.setEndRow(true); 
deText.setColSpan(3); 

form.setItems(planT,tcSelect,peSelect,deText); 

addMember(form); 

Ich hoffe, es hilft