asp.net-mvc - MVCContrib 网格定制设计

Question

我想复制以下设计

+-----------------------------------+---+---+
| some text here                    | A | B |
+-----------------------------------+---+---+
| some multiline text here                  |
+-------------------------------------------+

其中 A 和 B 是包含图像的固定宽度列。

这可以使用这样的<table>元素轻松完成

<table>
    <tr>
        <td>some text here</td>
        <td width="20"><img alt="" src="/imageurl" /></td>
        <td width="20"><img alt="" src="/imageurl" /></td>
    </tr>
    <tr><td colspan="3">some multiline text here</td></tr>
</table>

但我在 MVCContrib 项目中使用了 Grid 助手。有没有办法为项目列表中的每个项目获得这样的设计？

Answer 1

您可以实现自己的 GridRenderer。来自 Jeremy Skinner 的博客：

默认的 GridRenderer 是 HtmlTableGridRenderer。令人惊讶的是，它会将网格呈现为 HTML 表格。通过指定您自己的 GridRenderer，您可以完全改变网格的呈现方式，而无需完全重写网格组件。

您可以从 HtmlTableGridRenderer 的源代码中获得一些想法。