django-dynamic-formset добавить другие / удалить кнопки не удалось - PullRequest
Новая
       48

django-dynamic-formset добавить другие / удалить кнопки не удалось

1 голос
/ 13 октября 2019

[Скриншот ошибки]

Вы можете найти скриншот здесь: https://i.stack.imgur.com/2D4l2.png

Привет, я начинающий разработчик Django, пишу свой первый вопрос в stackoverflow. Я пытаюсь использовать плагин django-dynamic-formset, чтобы позволить пользователю моего веб-приложения динамически добавлять или удалять формы, нажимая кнопку, однако вместо того, чтобы получать кнопку «удалить» для каждой строки, яполучить по одному на каждое поле в моей форме, как вы можете видеть на картинке. Кроме того, когда я пытаюсь настроить текст с помощью кнопки «добавить еще» или «удалить», это не работает (вы можете увидеть скрипт в конце моего HTML-шаблона). Буду признателен, если вы скажете мне, что я могу делать неправильно. Я прилагаю код моего HTML-шаблона. 

`{% load crispy_forms_tags %}
{% load staticfiles %}

<table class="formset-test">
  {{formset.management_form|crispy}}
    {% for form in formset.forms %}
      <tr class="{% cycle 'row1' 'row2' %} formset_row-{{formset.prefix}}">
        {% for field in form.visible_fields %}
        <td>
          {% if forloop.first %}
            {% for hidden in form.hidden_fields %}
              {{hidden}}
            {% endfor %}
          {% endif %}
          {{ field.errors.as_ul }}
          {{ field|as_crispy_field }}
        </td>
        {% endfor %}
      </tr>
    {% endfor %}
</table>
<!-- <p class='btn btn-warning' id='agregar'>Agregar Posición</p> -->
<br>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="{% static 'dynamic_formsets/jquery.formset.js' %}"></script>
<!-- <script type="text/javascript">
  $('#agregar').on('click',function(){
    $('.formset-test').append()
  });
</script> -->
<script type="text/javascript">
    $('.formset_row-{{ formset.prefix }}').formset({
        addText: 'Agregar posición',
        deleteText: 'Borrar posición',
        prefix: '{{ formset.prefix }}',
    });
</script>
`
...