Как напечатать 2 столбца картинок из списка в asp.net mvc3

Question

У меня есть этот код, и я немного сомневаюсь, как заставить его печатать 2 строки вместо 1 (позже я хочу, чтобы он был динамическим в зависимости от размера экрана, если это возможно, но сейчас это должно быть только 2 столбца)1001 *

http://pastebin.com/H7CpBWWN

    @model IEnumerable<FirstWeb.Models.Picture>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<table>
    <tr>
        <th>
            Title
        </th>
        <th>
            Path
        </th>
        <th>
            ConcertYear
        </th>
        <th>
            Title
        </th>
        <th>
            Path
        </th>
        <th>
            ConcertYear
        </th>
    </tr>
@bool even = false;
@foreach (var item in Model) {

    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Title)
        </td>
        <td>
            <a href=@Html.DisplayFor(modelItem => item.Path)><img src=@Html.DisplayFor(modelItem => item.Path) width="250px"  /> </a>
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.ConcertYear)
        </td>
    </tr>
}

</table>

Поэтому я хочу, чтобы логическое значение было переключателем между левым и правым столбцом

Answer 1

Я не знаю, как вы можете сделать это с вашим логическим флагом для левого или правого, но если вы только после двух столбцов, вы могли бы сделать что-то вроде этого (извинения за опечатки / синтаксические ошибки, но вы поняли идею ).

@for (int i = 0; i < Model.ContactMethods.Count; i += 2)
    {

        <tr>
            <td>
                @Html.DisplayFor(modelItem => Model[i].Title)
            </td>
            <td>
                <a href=@Html.DisplayFor(modelItem => Model[i].Path)>
                    <img src=@Html.DisplayFor(modelItem => Model[i].Path) width="250px"  />
                </a>
            </td>
            <td>
                @Html.DisplayFor(modelItem => Model[i].ConcertYear)
            </td>
            @if (Model.ContactMethods.Count > i + 1)
            {
                <td>
                    @Html.DisplayFor(modelItem => Model[i + 1].Title)
                </td>
                <td>
                    <a href=@Html.DisplayFor(modelItem => Model[i + 1].Path)>
                        <img src=@Html.DisplayFor(modelItem => Model[i + 1].Path) width="250px"  />
                    </a>
                </td>
                <td>
                    @Html.DisplayFor(modelItem => Model[i + 1].ConcertYear)
                </td>
            }
            else
            {
                <td colspan="3"></td>
            }
        </tr>
    }

Что касается динамических столбцов, вам нужно взглянуть на jquery для этого