Создание списка из 2 столбцов элементов из 1 списка элементов

Question

Я использовал функцию javascript, прежде чем создавать списки флажков внутри таблицы с определенным количеством столбцов.

function BuildCheckBoxList(array, jqloc, name, limit, startchecked) 
{
    ///<summary>Used to create a generic checkbox list of items.</summar>
    ///<param name="array" type="List<I_S>">Array that is used to populate the checkboxes</param>
    ///<param name="jqloc" type="JQuery Object">JQuery object where the checkbox list is to be appended to</param>
    ///<param name="name" type="string">This is used to give your checkbox list a name/id/classes</param>
    ///<param name="limit" type="int">The amount of columns you want for each of the checkboxes.</param>
    name = name.split(' ').join('_').split('.').join('_');
    var html = "";

    var limitcounter = 0;

    html += "<table class='chktable' id='CheckBoxListTable-" + name + "'><tr>";

    var checked = "";
    if (startchecked)
    {
        checked = "checked='checked'";
    }

    for (var a = 0; a < array.length; a++) {
        limitcounter++;
        html += "<td class='cell'>";
        html += "<div>";
        html += "<input id='" + name + "-" + a + "' class='bcbl " + name + "' type='checkbox' " + checked + " value='" + array[a].name + "' /> ";
        html += "<div class='bcbltext'>" + array[a].name + "</div>";
        html += "</div>";

        html += "</td>";
        if (limitcounter == limit) {
            html += "</tr><tr>";
            limitcounter = 0;
        }
    }

    html += "</tr></table>";
    jqloc.html(html);
}

Сейчас я пытаюсь создать представление, которое делает то же самоевещь.Но я сталкиваюсь с проблемами.Ниже я представлял, как это будет работать, но что-то не так.(@ Model.limit равно 2)

<table>

    @limit = @Model.limit;
    @counter = 0;
    <tr>
        @foreach (var item in Model.data)
        {
            @counter++;

                <td>
                @Html.DisplayFor(modelItem => item.Name)
                </td>
                <td>
                    <div id="Team-@item.Id-FilterRadio" class="TeamFilterRadio">
                        <input type="radio" id="Team-@item.Id-ON" name="Team-@item.Id" checked="checked"/><label for="Team-@item.Id-ON"">ON</label>
                        <input type="radio" id="Team-@item.Id-OFF" name="Team-@item.Id"  /><label for="Team-@item.Id-OFF"">OFF</label>
                    </div>
                </td>

            @if (counter == limit){
                </tr><td>
                @counter = 0;
            }
        }
    </tr>
</table>

Я получаю эту ошибку: Сообщение об ошибке синтаксического анализатора: В блоке foreach отсутствует закрывающий символ "}".Убедитесь, что у вас есть соответствующий символ "}" для всех символов "{" в этом блоке, и что ни один из символов "}" не интерпретируется как разметка.

Answer 1

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

<table>

@{var limit = @Model.limit;
  var counter = 0;
}
<tr>
    @foreach (var item in Model.data) {
        @{counter++;}
        <td>@Html.DisplayFor(modelItem => item.Name)</td>
            <td>
                <div id="Team-@item.Id-FilterRadio" class="TeamFilterRadio">
                    <input type="radio" id="Team-@item.Id-ON" name="Team-@item.Id" checked="checked"/><label for="Team-@item.Id-ON"">ON</label>
                    <input type="radio" id="Team-@item.Id-OFF" name="Team-@item.Id"  /><label for="Team-@item.Id-OFF"">OFF</label>
                </div>
            </td>


    }
 </tr>
 </table>

Вы могли бы сделать что-то вроде этого. Я создал класс TestData со свойствами, которые вы используете, и мое свойство Data моей модели относится к общему типу списка TestData. Я протестировал, используя 13 предметов, а также 2 и 3 столбца, и это сработало как шарм.

 @{int i = 0;
   var item = new MVC3TestSite.Models.TestData();
}

<table>

    @while(i < Model.Data.Count){

        <tr>
            @for(var j = 1; j <= Model.Limit; j++){
                item = Model.Data[i];
                <td>@item.Name</td>
                <td>
                    <div id="Team-@item.Id-FilterRadio" class="TeamFilterRadio">
                        <input type="radio" id="Team-@item.Id-ON" name="Team-@item.Id" checked="checked"/><label for="Team-@item.Id-ON"">ON</label>
                        <input type="radio" id="Team-@item.Id-OFF" name="Team-@item.Id"  /><label for="Team-@item.Id-OFF"">OFF</label>
                    </div>
                </td>
                if (++i == Model.Data.Count) { break; } 
            }
        </tr>
    }

</table>