c# - MVC4中如何显示图片网格

Question

我必须在 MVC-4 中以表格格式显示图像，如下所示

-------------------------------
|  Image  |  image  |  Image  |
-------------------------------
|  Image  |  image  |  Image  |
-------------------------------
|  Image  |  image  |  Image  |
-------------------------------

Paging display records 0-9 of page 1

<<   <   1   2   3   >   >> 

为此，在简单的 ASP.NET 中，我使用 DataList 或中继器，在 MVC4 中，我使用部分 View ，但我无法像上面的格式那样在该 View 中显示，所以任何人都可以帮助我创建像上面那样的部分 View 吗？

或者，如果您有任何更好的想法，请指导我应该为此使用哪种类型的控件。

如果您有任何引用链接，那对我也很有帮助。

查看:

@foreach 
(var item in Model) 
{ 
    <tr> 
    <td>
    @
    {
        string img; 
        if (item.AgentImage != null) 
        { 
            img = item.AgentImage.Replace("~", ".."); 
        } 
        else 
        { 
            img = item.AgentImage; 
        }
    } 
    <img src = '@img' height="80px" width="100px" /> 
    </td> 
    </tr> 
}

Answer 1

如果您在 View 中的代码看起来像您在评论中写的。您需要每三个元素添加行。对您的代码进行最简单的更改可能如下所示:

 @foreach (var item in Model) { 
    <tr> <td>
        @{
            string img; 

            if (item.AgentImage != null) 
            { img = item.AgentImage.Replace("~", ".."); } 
            else 
            { img = item.AgentImage; }

            var i=0;
            if (i % 3 == 0) {
                Html.Raw("</tr><tr>"); //End old row and start new one
            }
            i++;
        } 
        <img src = '@img' height="80px" width="100px" /> 
    </td></tr> 
}