Django Динамический подсчет форм

Я работаю над Django Model Formset, где у меня есть две модели 1: Institutional Objectives и 2: Sub Institutional Objectives.

Здесь я использовал набор форм Model. С помощью кнопки add_more_subobjective пользователь может использовать несколько форм sub_institutional_objective под одной формой institutional_objective (я использую для этого Django Dynamic Formset, см. здесь)

Проблема: Когда пользователь добавляет форму sub_objective, я хочу показать ему счетчик этой формы, например [Как на картинке: Я получаю Subobjective как 1 для всех форм image

Но я хочу, чтобы пользователь видел это так result_image

form.html

             <form method="post">
                {% csrf_token %}
                <div class="card">
                    <div class="card-header">
                        <h4>Add Insititutional Objectives</h4>
                    </div>
                    <div class="form-group" style="margin: 40px;">
                        {{ form.non_form_errors }}
                        {{ form.as_p }}
                        {{ subobjective.non_form_errors }}
                        <hr>
                        <h4>Sub Objectives</h4>
                        <h6>These are Sub Objectives of this particular IO</h6>
                        {{ subobjective.management_form }}
                        <div class="form-group nested-query-formset">
                           <h6>Sub Objective {{ count }} </h6>
                            {{ subobjective.as_p }}
                        </div>
                    </div>
                </div>
                <div class="mt-3 mb-5">
                    <button type="submit" class="px-5 btn btn-info">Submit</button>
                </div>
            </form>

Опции динамического фомсета Django:

var count = 1;
$('.nested-query-formset').formset({
 addText: 'Add Another Sub - Objective', 
 deleteText: 'remove', 
 prefix: '{{ subobjective.prefix }}', 
 added: function($row) 
    { count++; console.log(count) }, 
 removed: function($row) 
    { count++; console.log(count) }, });

Любая помощь здесь будет очень признательна.

Вернуться на верх