java - SmartGWT - 如何将项目排序为动态形式？

Question

我尝试创建一个包含列的 DynamicForm，但无法将项目排序到列中。当我将项目放入动态表单中时，存在一个保持为空的列。

Empty column - example

这是我使用的代码摘录:

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);

我尝试看起来像这样:

correct order form

Answer 1

当标题左对齐时，StaticTextItems 默认为 2 列宽度。所以您看到的空白区域就是 planT textItem 的值。

您不需要使用空的 StaticTextItem 作为标题，您可以这样做。

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);

希望对你有帮助