Динамическое обновление таблицы - Ajax HTML - PullRequest
Новая
       3

Динамическое обновление таблицы - Ajax HTML

0 голосов
/ 28 апреля 2011

Я пытаюсь обновить таблицу по мере поступления новых записей для таблицы ниже: enter image description here

У меня есть часть, где мне нужно получать живую информацию с помощью Ajax. Я использую <tr id = {$university}> в качестве идентификаторов для создания новых строк или обновления существующих. Но обновление, похоже, не работает. Т.е., если для Университета А сделана новая запись студента, то добавляется новый HTML-код. Итак, мой существующий HTML-код выглядит как 

<tr id = "A">
    <td>A</td>
    <td>Mr. X</td>
    <td>a@b.com</td>
</tr>
<tr id = "A">
    <td></td>
    <td>Mr. Y</td>
    <td>e@f.com</td>
</tr>
<tr id = "A">
    <td></td>
    <td>Mr. S</td>
    <td>u@i.com</td>
</tr>

и когда я добавляю новые данные, используя тот же <tr id = "A">, он не добавляет информацию, а создает новую строку: 

<tr id = "A">
    <td>A</td>
    <td>Mr. Z</td>
    <td>t@t.com</td>
</tr>

не будет добавлять информацию, но создаст другую строку в пользовательском интерфейсе. Как я могу добавить новую информацию к существующим строкам?

Добавлен код js: http://pastebin.com/4tjyUgZa

1 Ответ

1 голос
/ 28 апреля 2011

идентификаторы в HTML должны быть уникальными, их не следует дублировать.Вместо этого попробуйте использовать класс, например <tr class="a">.

. Я также думаю, что вам нужно пересмотреть структуру таблицы.Похоже, что вам нужны несколько таблиц, таких как таблица «a» и таблица «b», к которым вы можете добавлять строки.То, как вы манипулируете строками таблицы, совсем не так, как они созданы для работы.Если у вас есть что-то вроде <table id="a"> и <table id="b">, вы можете просто нацелиться на них и легко добавлять строки.

Возможно, вы также захотите использовать среду JavaScript, такую ​​как jQuery.Это значительно упростит управление таблицей, и вы сможете писать код намного быстрее.

...