smartgwt - DynamicForm相对列宽

Question

如果我创建一个DynamicForm，如下面所示，DynamicForm的FormItems将放置在2行以上。我料到他们会排在一排。该地点应作为折页分发:第一栏为20 px，第二栏为250 px，第三栏为其余。

final DynamicForm df = new DynamicForm();
FormItem[] fi = new FormItem[3];
// filling the list with one CheckboxItem, one TextItem and one SelectItem
df.setColWidths("20", "250", "*");
df.setNumCols(3);
df.setFields(fi);

结果如下：

​

​

我想把所有的FormItems都排在一起。

Answer 1

表单项的标题基本上也有一列。如果您也想显示标题，那么它将使列数加倍。

要获得更多信息，请查看DynamicForm#setColWidths()。

根据你的评论：

//filling the list with one CheckboxItem, one TextItem and one SelectItem?

试试这个：

    final DynamicForm df = new DynamicForm();
    // FormItem[] fi = new FormItem[3];
    // filling the list with one CheckboxItem, one TextItem and one SelectItem

    CheckboxItem ci = new CheckboxItem();
    ci.setShowTitle(false);
    ci.setTitle("");

    TextItem ti = new TextItem();
    ti.setShowTitle(false);

    SelectItem si = new SelectItem();
    si.setShowTitle(false);
    si.setValues("PDF");

    df.setItems(ci, ti, si);

    df.setColWidths("20", "250", "*");
    df.setNumCols(3);
    // df.setFields(fi);

    RootPanel.get().add(df);

快照：

​

​

根据您的快照：

试试这个

    final DynamicForm df = new DynamicForm();
    // FormItem[] fi = new FormItem[3];

    CheckboxItem ci = new CheckboxItem();
    ci.setShowTitle(false);
    ci.setTitle("");

    SelectItem si = new SelectItem();
    si.setTitle("LANGUAGE");
    si.setValues("PDF");

    df.setItems(ci, si);

    df.setColWidths("20", "250", "*");
    df.setNumCols(3);
    // df.setFields(fi);

    RootPanel.get().add(df);

快照：

​

​