Динамически добавлять строку таблицы в существующую таблицу в asp.net MVC 3.0 - PullRequest
Новая
       9

Динамически добавлять строку таблицы в существующую таблицу в asp.net MVC 3.0

0 голосов
/ 19 августа 2011

Моя существующая таблица выглядит следующим образом. 

<table class="subheader" id="tableTelephone">
    <thead class="subheader">
        <tr>
            <td>
                @Resources.TYPE
            </td>
            <td>
                @Resources.TELEPHONE_NUMBER
            </td>
        </tr>
    </thead>
    <tbody class="subheader">
        @{foreach (Telephone phone in Model.TelephoneList)
        {
        <tr>
             <td>@phone.TelephoneType</td>
             <td>@phone.Number</td> 
        </tr>
        }
    }
    </tbody>
</table>

При нажатии кнопки я хочу получить значения из текстовых полей и добавить к существующей таблице выше.Я использую ниже jquery для того же, но он не работает, если я не добавляю пустой TR после цикла foreach. 

$('#tableTelephone > tr:last').after("<tr><td>" + type + "</td><td>" + number + "</td></tr>");

Пустое вызывает проблемы при получении данных, поэтому дайте мне знать, если какое-либо решениеможно добавить строки (без использования пустого tr)

1 Ответ

1 голос
/ 19 августа 2011 
$('#tableTelephone').append(

"<tr><td>" + type + "</td><td>" + areaCode + "-" + number + "</td></tr>"
);

DEMO

или 

$("<tr/>").append(
$("<td/>").text(type))
   .append($("<td/>").text(areaCode+"-"+number))
   .appendTo("#tableTelephone");

вот скрипка http://jsfiddle.net/MecUs/2/

jquery .appendTo 

Description:
Insert every element in the set of matched elements to the end of the target.
...