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中我使用的是局部视图，但是我无法在该视图中显示上述格式，所以任何人都可以帮我创建像上面这样的局部视图吗？ / p>

或者如果您有任何更好的想法，请指导我应该使用哪种控制方式。

如果您有任何参考链接，那么它对我也很有帮助。

查看：

@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

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

 @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> 
}

如何在MVC4中显示图像网格

1 个答案: