MVC 3 - Показать коллекцию предметов в строках

Question

У меня есть коллекция, которую я показываю, вот так:

@foreach (var employee in Model.Employees)
{
    <a href="#">@employee.Name</a>
}

Это просто отображает все в один длинный ряд.Я хотел бы отобразить коллекцию в строках по 3, чтобы у меня отображалось 3 элемента, переход на новую строку, отображение следующих 3 элементов, еще один переход на новую строку и т. Д.

Есть ли простой способ сделать это?

Answer 1

Mystere Man прав, и я обычно использую элементы списка в качестве элементов семантической разметки для коллекций ссылок.

<ul>
@foreach (var employee in Model.Employees)
{
    <li><a href="#">@employee.Name</a></li>
}
</ul>

Затем используйте CSS-стилизацию, чтобы ваш список выглядел так, как вы хотите (без маркеров и т. Д.). Если вы сделаете ul фиксированным с, и каждый li внутри каждого будет иметь ширину 1/3 от этого, затем заставьте li отображаться в виде встроенных блоков, которые должны дать вам то, что вы собираетесь. ( jsfiddle )

Answer 2

Это не имеет ничего общего с MVC, это проблема HTML.Вам нужно визуализировать HTML, чтобы он делал то, что вы хотите.Посмотрите на визуализированный вывод.

Как правило, вы должны заключать строки в элементы div или другие элементы для создания нужной семантической разметки.

Answer 3

без использования css, вот простой способ сделать это.

@{ var i = 0; }
@foreach (var employee in Model.Employees)
{
    @{ i++; } 
    <a href="#">@employee.Name</a>
    @if(i%3 == 2)
    {
        <br/>
    }
}