Динамически добавлять строки в таблицу HTML

Question

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

Я использую jinja2.

Пример:

Мой вход на текстовое поле, как это:

Дата От: 20130201 * идентификатор "txtStartDate"

To: 20130205 * идентификатор "txtEndDate"

Номер: 10 * id is "txtAllotNumber"

Вывод должен быть таким:

□ 20130201 10 пустых
□ 20130202 10 пустых
□ 20130203 10 пустой
□ 20130204 10 пустой
□ 20130205 10 пустой

• □ является a checkbox

• нужная часть также должна быть отредактирована.

Это выход, который неверно:

20130210 20130205 10 пустой

Это, как я прилагая таблицу:

  var chkflg = ""; 
      var newtrtag = '<tr class="centertext getData">'; 
      newtrtag += '<td class="checkGet" style="padding-left: 20px;"><input class="chkGetData" type="checkbox" name="del_param" value="{{stay_ymd}},{{allot_number}},{{delete_flag}},{{re_release_ymd}}"></td>'; 
      newtrtag += '<input type="hidden" id="quantity{{stock_count}}" name="quantity{{stock_count}}" value="{{allot_number}}">'; 
      newtrtag += '<input type="hidden" name="save[{{stock_count}}]" value="{{stay_ymd}},{{allot_number}},{{delete_flag}},{{re_release_ymd}}">'; 
      newtrtag += '{% set delete_flag_val = '0'%}'; 
      newtrtag += '{% if delete_flag %}'; 
      newtrtag += '{% set delete_flag_val = '1' %}'; 
      newtrtag += '{% else%}'; 
      newtrtag += '{% endif %}'; 
      newtrtag += '<input type="hidden" id="delflag{{stock_count}}" name="delflag{{stock_count}}" value="{{delete_flag_val}}">'; 
      newtrtag += '<input type="hidden" id="rerel{{stock_count}}" name="rerel{{stock_count}}" value="{{re_release_ymd}}">'; 
      newtrtag += '<td style="width:70%;">'+ $("#txtStartDate").val() +' </td>'; 
      newtrtag += '<td style="width:70%;">'+ $("#txtEndDate").val() +' </td>'; 
      newtrtag += '<td style="width:70%;">'+ $("#txtAllotNumber").val() +' </td>'; 
      newtrtag += '{% set delete_flag_chk = "" %}'; 
      newtrtag += '{% if delete_flag == True %}'; 
      newtrtag += '{% set delete_flag_chk = "Released" %}'; 
      newtrtag += '{% else%}'; 
      newtrtag += '{% set delete_flag_chk = "Unreleased" %}'; 
      newtrtag += '{% endif %}'; 
      newtrtag += '<td class="colStatus">{{delete_flag_chk}}</td>'; 
      newtrtag += '<td class="releaseDate">{{re_release_ymd}}</td>'; 
      newtrtag += '</tr>'; 
      $("#list_body").append(newtrtag); 

Весь код TBODY, как это где я его добавляю:

<tbody id="list_body"> 
{% set stock_count = 0 %} 
{% for row in release_stock_list %} 
    <tr class="centertext getData"> 
     <td class="checkGet" style="padding-left: 20px;"><input class="chkGetData" type="checkbox" name="del_param" value="{{row.stay_ymd}},{{row.allot_number}},{{row.delete_flag}},{{row.re_release_ymd}}"></td> 
     <input type="hidden" id="quantity{{stock_count}}" name="quantity{{stock_count}}" value="{{row.allot_number}}"> 
     <input type="hidden" name="save[{{stock_count}}]" value="{{row.stay_ymd}},{{row.allot_number}},{{row.delete_flag}},{{row.re_release_ymd}}"> 
     {% set delete_flag_val = '0'%} 
     {% if row.delete_flag %} 
      {% set delete_flag_val = '1' %} 
     {% else%} 
     {% endif %} 
     <input type="hidden" id="delflag{{stock_count}}" name="delflag{{stock_count}}" value="{{delete_flag_val}}"> 
     <input type="hidden" id="rerel{{stock_count}}" name="rerel{{stock_count}}" value="{{row.re_release_ymd}}"> 
     <td class="colDate">{{row.stay_ymd}}</td> 
     <td class="colAmount">{{row.allot_number}}</td> 
     {% set delete_flag_chk = "" %} 
     {% if row.delete_flag == True %} 
      {% set delete_flag_chk = "Released" %} 
     {% else%} 
      {% set delete_flag_chk = "Unreleased" %} 
     {% endif %} 
     <td class="colStatus">{{delete_flag_chk}}</td> 
     <td class="releaseDate">{{row.re_release_ymd}}</td> 
     {% set stock_count = stock_count + 1 %} 
    </tr> 
{% endfor %} 
</tbody> 

Спасибо за помощь.

Answer 1

Обычно такого рода вещи выполняются путем клонирования существующих строк; у вас может быть скрытая строка шаблона, которую вы клонировали. Это позволяет избежать любых проблем, таких как ваши. Посмотрите на this question.