如何向 Tapestry Grid 添加额外的行？

Question

我有一个网格及其 GridDataSource。但是，我想在所有其他网格下显示该网格的一列。

示例如下：

到目前为止我有这个：

| Column 1 | Column 2 | Column 3 | Column 4 | Column 5 |
========================================================
| Data 11  | Data 12  | Data 13  | Data 14  | Data 15  |
--------------------------------------------------------
| Data 21  | Data 22  | Data 23  | Data 24  | Data 25  |
--------------------------------------------------------

我想实现这个：

| Column 1 | Column 2 | Column 3 | Column 4 |
=============================================
| Data 11  | Data 12  | Data 13  | Data 14  |
|                  Data 15                  |
---------------------------------------------
| Data 21  | Data 22  | Data 23  | Data 24  |
|                  Data 25                  |
---------------------------------------------

我正在考虑尝试在前 4 个列单元格之后添加 <tr> 并将我的 DataX5 放入其中，但这让我无处可去。

Answer 1

您可以使用我的 griddecorator mixin 并将 GridRowDecorator 应用于每一行。装饰器在当前行之后创建一个新行并将最后一个元素移动到新行。

如果没有，请创建您自己的 mixin，它会在网格渲染后调整 DOM。您可能想看看我的 gridcollapse mixin，我在其中移动列和行并添加行跨度。

Answer 2

另一种略显狡猾的方法是使用 outputRaw 和自定义单元格来绕过 Tapestry 正确形成的 XML 要求。

例如

<t:grid source="..." value="current">
   <p:column5Cell>     
      <t:outputRaw value="&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan='4'&gt;" />
      ${current.column5}
   </p:column5Cell>
</t:grid>