html - MVC3 - 模型到 HTML 表

Question

我有一个 OfferingCategoriesViewModel，其中包含 OfferingCategoryModel 的列表。

如何在我的视图中显示每个 OfferingCategoryModel 如下所示

注意：理想情况下，我希望每行显示的模型数包含在 OfferingCategoriesViewModel 中。

我目前有这个：

<table>
    @foreach (var item in Model)
    {
        <tr>
            @foreach (Spice.TimeBank.Models.Category.OfferingCategoryModel category in Model.ListOfCategories)
            {
                <td>@category.Descripton</td>
            }
            -->
            @for (int i = item.Count(); i < 5; i++)
            {
                <td></td>
            }
        </tr>
    }
</table>

Answer 1

我知道您正在描述该布局中表格的使用，但我实际上建议<div>使用 css 的布局来获取块float: left;，以根据用户屏幕分辨率和窗口大小获得自排列布局。

这样您就不必担心要显示多少列，并且 html 和样式变得更清晰。

事实上，如果你以这种方式设计它，你可以只创建一个 MVCDisplayTemplate 来呈现该模型的每个 div，并让 MVC 担心迭代你的项目。

编辑： 在这里您可以找到有关如何使用的更多信息float：第 4 个教程可能特别有趣，因为它显示了一个与您的几乎相同的布局示例。

此外，这里还有另一个非常好的使用浮动元素的良好信息来源，还有视觉示例。