MVCContrib 网格定制设计答案

【问题标题】：MVCContrib Grid custom designMVCContrib 网格定制设计
【发布时间】：2011-05-21 01:10:54
【问题描述】：

我想复制以下设计

+-----------------------------------+---+---+
| 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 助手。有没有办法为项目列表中的每个项目获得这样的设计？

【问题讨论】：

标签： asp.net-mvc asp.net-mvc-2 mvccontrib mvccontrib-grid

【解决方案1】：

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

默认的 GridRenderer 是 HtmlTableGridRenderer。哪一个，令人惊讶的是，渲染了网格作为 HTML 表格。通过指定您的自带GridRenderer，完全可以改变网格的渲染方式诉诸于完全重写网格组件。

您可以从 HtmlTableGridRenderer 的source code 获得一些想法。

【讨论】：