zk - 如何以编程方式在 ZK/Zul 中添加 colspan？

Question

如何在 ZUL 框架中设置 colspan 的属性？

例如

Tr tr = new Tr();

Td td = new Td();

tr.appendChild(td);


td = new Td();

tr.appendChild(td);

现在，在下一行，我必须通过 composer 在表格行内放置单个 td ，这将覆盖两个 td 的空间。我怎样才能做到这一点？

<Table>
    <tr>
      <td>
      </td/>
       <td>
       </td>
    </tr>
    <tr>
      <td colspan="2">
      </td>
    </tr>
</table>

Answer 1

在 ZUL 中，这不是用<table>,<tr>和<td>标签完成的，而是用<grid>,<row>和<cell>标签完成的。像这样。。

<grid>
    <columns>
        <column label="A" />
        <column label="B" />
    </columns>
    <rows>
        <row>
            <cell>
                <label value="item 1" />
            </cell>
            <cell>
                <label value="item 2" />
            </cell>
        </row>
        <row>
            <cell colspan="2">
                <label value="item 3" />
            </cell>
        </row>
    </rows>
</grid>

那么，从 Java 方面来说，这变得很容易..

Grid grid = new Grid();
Rows rows = new Rows();
rows.setParent(grid);
Row row1 = new Row();
row1.setParent(rows);
Cell cell1 = new Cell();
cell1.setParent(row1);
cell1.appendChild(new Label("item1"));
Cell cell2 = new Cell();
cell2.setParent(row1);
cell2.appendChild(new Label("item2"));
Row row2 = new Row();
row2.setParent(rows);
Cell cell3 = new Cell();
cell3.setParent(row2);
cell3.appendChild(new Label("item3"));
cell3.setColspan(2); // this is what you're looking for

请参阅（伟大的）ZK 文档以获取更多信息。