将数据添加到下一列的行中

时间:2013-08-05 11:18:03

标签: html5 asp.net-mvc-4 user-interface razor

基本上我正在创建一个数据网格,显示数据库中不同表的数据。我正在使用ASP.NET MVC4。 以下是我的代码部分的外观:

<table class="myTable">
    <tbody>
        @foreach (var item in Model.sets)
        {
            <tr class="parent" data-level="0">
                <td>
                      @item.setName
                @* Here my logic would go*@
                </td>
            </tr>
        }

因此,在显示集合名称行之后,在下一列中,我希望显示属于该集合的元素。所以我在<td></td>中编写了另一个for循环,它将循环遍历{{1并检查它是否属于该集并显示它。但我得到“元素td不能嵌套在元素td”验证错误。 那么如何将数据添加到下一列的行中呢?

1 个答案:

答案 0 :(得分:0)

将您的逻辑放在第一个结束标记之下。你不能把td标签放在其他td标签内;一系列兄弟td标签构成一排。

如果您希望每个单独的数据都在自己的列中:

        @foreach (var item in Model.sets)
    {
        <tr class="parent" data-level="0">
            <td>
                  @item.setName
            </td>
            @foreach (var element in Model.elements)
            {
            <td>
                @*logic here*@
            </td>
            }
        </tr>

如果您希望所有内容都在同一个单元格中,那么您需要:

        @foreach (var item in Model.sets)
        {
            <tr class="parent" data-level="0">
                 <td>
                      @item.setName
                </td>
                <td>
                @foreach (var element in Model.elements)
                {
                    @*logic here*@               
                }
                </td>
            </tr>
        }